Preview
#2a222b
Family: Purple
Accessibility on this swatch:
Contrast vs white: 15.42:1 · vs black: 1.36:1
HEX
#2a222b
RGB
rgb(42, 34, 43)
RGBA
rgba(42, 34, 43, 1)
HSL
hsl(293, 12%, 15%)
HSV
hsv(293, 21%, 17%)
LAB
lab(14.46% 5.88 -4.56)
LCH
lch(14.46% 7.44 322.21)
OKLAB
oklab(0.2649 0.016 -0.0122)
OKLCH
oklch(0.2649 0.0201 322.67)
XYZ
xyz(1.96, 1.81, 2.53)
CMYK
cmyk(2%, 21%, 0%, 83%)
CSS
color: #2a222b;
CSS variable
--color-2a222b: #2a222b;
SCSS
$color-2a222b: #2a222b;
Tailwind
purple-800
Export
:root {
--#2a222b-1: #2a222b;
}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.