Preview
#202c28
Family: Teal
Accessibility on this swatch:
Contrast vs white: 14.46:1 · vs black: 1.45:1
HEX
#202c28
RGB
rgb(32, 44, 40)
RGBA
rgba(32, 44, 40, 1)
HSL
hsl(160, 16%, 15%)
HSV
hsv(160, 27%, 17%)
LAB
lab(16.8% -6.19 0.92)
LCH
lch(16.8% 6.26 171.55)
OKLAB
oklab(0.2805 -0.0179 0.0023)
OKLCH
oklch(0.2805 0.018 172.68)
XYZ
xyz(1.88, 2.26, 2.34)
CMYK
cmyk(27%, 0%, 9%, 83%)
CSS
color: #202c28;
CSS variable
--color-202c28: #202c28;
SCSS
$color-202c28: #202c28;
Tailwind
teal-800
Export
:root {
--#202c28-1: #202c28;
}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.