Preview
#aaffdd
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.06:1
HEX
#aaffdd
RGB
rgb(170, 255, 221)
RGBA
rgba(170, 255, 221, 1)
HSL
hsl(156, 100%, 83%)
HSV
hsv(156, 33%, 100%)
LAB
lab(94% -32.78 8.14)
LCH
lch(94% 33.78 166.05)
OKLAB
oklab(0.9364 -0.0927 0.021)
OKLCH
oklch(0.9364 0.095 167.24)
XYZ
xyz(65.38, 85.28, 81.41)
CMYK
cmyk(33%, 0%, 13%, 0%)
CSS
color: #aaffdd;
CSS variable
--color-aaffdd: #aaffdd;
SCSS
$color-aaffdd: #aaffdd;
Tailwind
emerald-100
Export
:root {
--#aaffdd-1: #aaffdd;
}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.