Preview
#aaeee4
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.31:1 · vs black: 16.06:1
HEX
#aaeee4
RGB
rgb(170, 238, 228)
RGBA
rgba(170, 238, 228, 1)
HSL
hsl(171, 67%, 80%)
HSV
hsv(171, 29%, 93%)
LAB
lab(89.53% -23.23 -1.99)
LCH
lch(89.53% 23.32 184.9)
OKLAB
oklab(0.9011 -0.0691 -0.0057)
OKLCH
oklch(0.9011 0.0693 184.72)
XYZ
xyz(61.15, 75.29, 84.69)
CMYK
cmyk(29%, 0%, 4%, 7%)
CSS
color: #aaeee4;
CSS variable
--color-aaeee4: #aaeee4;
SCSS
$color-aaeee4: #aaeee4;
Tailwind
teal-200
Export
:root {
--#aaeee4-1: #aaeee4;
}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.