Preview
#212c29
Family: Teal
Accessibility on this swatch:
Contrast vs white: 14.41:1 · vs black: 1.46:1
HEX
#212c29
RGB
rgb(33, 44, 41)
RGBA
rgba(33, 44, 41, 1)
HSL
hsl(164, 14%, 15%)
HSV
hsv(164, 25%, 17%)
LAB
lab(16.92% -5.52 0.39)
LCH
lch(16.92% 5.53 175.96)
OKLAB
oklab(0.2817 -0.0161 0.0009)
OKLCH
oklch(0.2817 0.0161 176.8)
XYZ
xyz(1.93, 2.28, 2.44)
CMYK
cmyk(25%, 0%, 7%, 83%)
CSS
color: #212c29;
CSS variable
--color-212c29: #212c29;
SCSS
$color-212c29: #212c29;
Tailwind
teal-800
Export
:root {
--#212c29-1: #212c29;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.