Preview
#21302e
Family: Teal
Accessibility on this swatch:
Contrast vs white: 13.75:1 · vs black: 1.53:1
HEX
#21302e
RGB
rgb(33, 48, 46)
RGBA
rgba(33, 48, 46, 1)
HSL
hsl(172, 19%, 16%)
HSV
hsv(172, 31%, 19%)
LAB
lab(18.52% -6.78 -0.75)
LCH
lch(18.52% 6.82 186.31)
OKLAB
oklab(0.295 -0.0202 -0.0021)
OKLCH
oklch(0.295 0.0203 185.94)
XYZ
xyz(2.18, 2.63, 2.98)
CMYK
cmyk(31%, 0%, 4%, 81%)
CSS
color: #21302e;
CSS variable
--color-21302e: #21302e;
SCSS
$color-21302e: #21302e;
Tailwind
teal-800
Export
:root {
--#21302e-1: #21302e;
}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.