Preview
#2a232e
Family: Purple
Accessibility on this swatch:
Contrast vs white: 15.24:1 · vs black: 1.38:1
HEX
#2a232e
RGB
rgb(42, 35, 46)
RGBA
rgba(42, 35, 46, 1)
HSL
hsl(278, 14%, 16%)
HSV
hsv(278, 24%, 18%)
LAB
lab(14.91% 5.93 -6.03)
LCH
lch(14.91% 8.46 314.52)
OKLAB
oklab(0.2687 0.0153 -0.0163)
OKLCH
oklch(0.2687 0.0224 313.19)
XYZ
xyz(2.05, 1.89, 2.84)
CMYK
cmyk(9%, 24%, 0%, 82%)
CSS
color: #2a232e;
CSS variable
--color-2a232e: #2a232e;
SCSS
$color-2a232e: #2a232e;
Tailwind
violet-800
Export
:root {
--#2a232e-1: #2a232e;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.