Preview
#9bd7d0
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.02:1
HEX
#9bd7d0
RGB
rgb(155, 215, 208)
RGBA
rgba(155, 215, 208, 1)
HSL
hsl(173, 43%, 73%)
HSV
hsv(173, 28%, 84%)
LAB
lab(81.9% -20.54 -2.72)
LCH
lch(81.9% 20.72 187.54)
OKLAB
oklab(0.8363 -0.0616 -0.0076)
OKLCH
oklch(0.8363 0.0621 187.03)
XYZ
xyz(49.20, 60.12, 68.67)
CMYK
cmyk(28%, 0%, 3%, 16%)
CSS
color: #9bd7d0;
CSS variable
--color-9bd7d0: #9bd7d0;
SCSS
$color-9bd7d0: #9bd7d0;
Tailwind
teal-200
Export
:root {
--#9bd7d0-1: #9bd7d0;
}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.