Preview
#acece5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.32:1 · vs black: 15.88:1
HEX
#acece5
RGB
rgb(172, 236, 229)
RGBA
rgba(172, 236, 229, 1)
HSL
hsl(173, 63%, 80%)
HSV
hsv(173, 27%, 93%)
LAB
lab(89.12% -21.46 -3.1)
LCH
lch(89.12% 21.68 188.22)
OKLAB
oklab(0.8982 -0.0645 -0.0086)
OKLCH
oklch(0.8982 0.0651 187.59)
XYZ
xyz(61.15, 74.42, 85.26)
CMYK
cmyk(27%, 0%, 3%, 7%)
CSS
color: #acece5;
CSS variable
--color-acece5: #acece5;
SCSS
$color-acece5: #acece5;
Tailwind
teal-200
Export
:root {
--#acece5-1: #acece5;
}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.