Preview
#212a27
Family: Teal
Accessibility on this swatch:
Contrast vs white: 14.74:1 · vs black: 1.43:1
HEX
#212a27
RGB
rgb(33, 42, 39)
RGBA
rgba(33, 42, 39, 1)
HSL
hsl(160, 12%, 15%)
HSV
hsv(160, 21%, 16%)
LAB
lab(16.13% -4.71 0.65)
LCH
lch(16.13% 4.75 172.14)
OKLAB
oklab(0.2753 -0.0136 0.0017)
OKLCH
oklch(0.2753 0.0137 172.87)
XYZ
xyz(1.82, 2.13, 2.23)
CMYK
cmyk(21%, 0%, 7%, 84%)
CSS
color: #212a27;
CSS variable
--color-212a27: #212a27;
SCSS
$color-212a27: #212a27;
Tailwind
teal-800
Export
:root {
--#212a27-1: #212a27;
}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.