Preview
#adece6
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.92:1
HEX
#adece6
RGB
rgb(173, 236, 230)
RGBA
rgba(173, 236, 230, 1)
HSL
hsl(174, 62%, 80%)
HSV
hsv(174, 27%, 93%)
LAB
lab(89.2% -20.96 -3.5)
LCH
lch(89.2% 21.25 189.48)
OKLAB
oklab(0.899 -0.0632 -0.0097)
OKLCH
oklch(0.899 0.0639 188.73)
XYZ
xyz(61.51, 74.59, 86.00)
CMYK
cmyk(27%, 0%, 3%, 7%)
CSS
color: #adece6;
CSS variable
--color-adece6: #adece6;
SCSS
$color-adece6: #adece6;
Tailwind
teal-200
Export
:root {
--#adece6-1: #adece6;
}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.