Preview
#add8d4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.55:1
HEX
#add8d4
RGB
rgb(173, 216, 212)
RGBA
rgba(173, 216, 212, 1)
HSL
hsl(174, 36%, 76%)
HSV
hsv(174, 20%, 85%)
LAB
lab(83.31% -14.79 -2.66)
LCH
lch(83.31% 15.03 190.2)
OKLAB
oklab(0.8506 -0.0447 -0.0074)
OKLCH
oklch(0.8506 0.0453 189.4)
XYZ
xyz(53.67, 62.75, 71.56)
CMYK
cmyk(20%, 0%, 2%, 15%)
CSS
color: #add8d4;
CSS variable
--color-add8d4: #add8d4;
SCSS
$color-add8d4: #add8d4;
Tailwind
teal-200
Export
:root {
--#add8d4-1: #add8d4;
}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.