Preview
#aaffe3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.16:1 · vs black: 18.12:1
HEX
#aaffe3
RGB
rgb(170, 255, 227)
RGBA
rgba(170, 255, 227, 1)
HSL
hsl(160, 100%, 83%)
HSV
hsv(160, 33%, 100%)
LAB
lab(94.14% -31.56 5.25)
LCH
lch(94.14% 31.99 170.56)
OKLAB
oklab(0.938 -0.0902 0.0134)
OKLCH
oklch(0.938 0.0912 171.55)
XYZ
xyz(66.20, 85.61, 85.69)
CMYK
cmyk(33%, 0%, 11%, 0%)
CSS
color: #aaffe3;
CSS variable
--color-aaffe3: #aaffe3;
SCSS
$color-aaffe3: #aaffe3;
Tailwind
teal-100
Export
:root {
--#aaffe3-1: #aaffe3;
}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.