Preview
#221a22
Family: Pink
Accessibility on this swatch:
Contrast vs white: 16.95:1 · vs black: 1.24:1
HEX
#221a22
RGB
rgb(34, 26, 34)
RGBA
rgba(34, 26, 34, 1)
HSL
hsl(300, 13%, 12%)
HSV
hsv(300, 24%, 13%)
LAB
lab(10.52% 5.82 -4.02)
LCH
lch(10.52% 7.07 325.37)
OKLAB
oklab(0.2308 0.0161 -0.0108)
OKLCH
oklch(0.2308 0.0194 326.15)
XYZ
xyz(1.32, 1.19, 1.67)
CMYK
cmyk(0%, 24%, 0%, 87%)
CSS
color: #221a22;
CSS variable
--color-221a22: #221a22;
SCSS
$color-221a22: #221a22;
Tailwind
fuchsia-900
Export
:root {
--#221a22-1: #221a22;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.