Preview
#a6f2d5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.28:1
HEX
#a6f2d5
RGB
rgb(166, 242, 213)
RGBA
rgba(166, 242, 213, 1)
HSL
hsl(157, 75%, 80%)
HSV
hsv(157, 31%, 95%)
LAB
lab(90.05% -29.43 6.57)
LCH
lch(90.05% 30.15 167.42)
OKLAB
oklab(0.9035 -0.0836 0.0169)
OKLCH
oklch(0.9035 0.0853 168.57)
XYZ
xyz(59.48, 76.41, 74.55)
CMYK
cmyk(31%, 0%, 12%, 5%)
CSS
color: #a6f2d5;
CSS variable
--color-a6f2d5: #a6f2d5;
SCSS
$color-a6f2d5: #a6f2d5;
Tailwind
emerald-200
Export
:root {
--#a6f2d5-1: #a6f2d5;
}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.