Preview
#a8e8e2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.37:1 · vs black: 15.31:1
HEX
#a8e8e2
RGB
rgb(168, 232, 226)
RGBA
rgba(168, 232, 226, 1)
HSL
hsl(174, 58%, 78%)
HSV
hsv(174, 28%, 91%)
LAB
lab(87.74% -21.29 -3.58)
LCH
lch(87.74% 21.59 189.55)
OKLAB
oklab(0.8864 -0.0642 -0.0099)
OKLCH
oklch(0.8864 0.065 188.77)
XYZ
xyz(58.73, 71.53, 82.65)
CMYK
cmyk(28%, 0%, 3%, 9%)
CSS
color: #a8e8e2;
CSS variable
--color-a8e8e2: #a8e8e2;
SCSS
$color-a8e8e2: #a8e8e2;
Tailwind
teal-200
Export
:root {
--#a8e8e2-1: #a8e8e2;
}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.