Preview
#9dc4b7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 11.01:1
HEX
#9dc4b7
RGB
rgb(157, 196, 183)
RGBA
rgba(157, 196, 183, 1)
HSL
hsl(160, 25%, 69%)
HSV
hsv(160, 20%, 77%)
LAB
lab(76.11% -15.61 2.25)
LCH
lch(76.11% 15.77 171.8)
OKLAB
oklab(0.7883 -0.0451 0.0057)
OKLCH
oklch(0.7883 0.0455 172.8)
XYZ
xyz(42.19, 50.07, 52.23)
CMYK
cmyk(20%, 0%, 7%, 23%)
CSS
color: #9dc4b7;
CSS variable
--color-9dc4b7: #9dc4b7;
SCSS
$color-9dc4b7: #9dc4b7;
Tailwind
teal-300
Export
:root {
--#9dc4b7-1: #9dc4b7;
}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.