Preview
#aec8c0
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.82:1
HEX
#aec8c0
RGB
rgb(174, 200, 192)
RGBA
rgba(174, 200, 192, 1)
HSL
hsl(162, 19%, 73%)
HSV
hsv(162, 13%, 78%)
LAB
lab(78.53% -10.32 1.04)
LCH
lch(78.53% 10.37 174.25)
OKLAB
oklab(0.811 -0.0301 0.0026)
OKLCH
oklch(0.811 0.0302 175.06)
XYZ
xyz(47.62, 54.11, 57.79)
CMYK
cmyk(13%, 0%, 4%, 22%)
CSS
color: #aec8c0;
CSS variable
--color-aec8c0: #aec8c0;
SCSS
$color-aec8c0: #aec8c0;
Tailwind
teal-200
Export
:root {
--#aec8c0-1: #aec8c0;
}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.