Preview
#a1f7d5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.25:1 · vs black: 16.78:1
HEX
#a1f7d5
RGB
rgb(161, 247, 213)
RGBA
rgba(161, 247, 213, 1)
HSL
hsl(156, 84%, 80%)
HSV
hsv(156, 35%, 97%)
LAB
lab(91.19% -33.19 8.17)
LCH
lch(91.19% 34.18 166.17)
OKLAB
oklab(0.912 -0.0938 0.021)
OKLCH
oklch(0.912 0.0961 167.38)
XYZ
xyz(59.96, 78.90, 75.01)
CMYK
cmyk(35%, 0%, 14%, 3%)
CSS
color: #a1f7d5;
CSS variable
--color-a1f7d5: #a1f7d5;
SCSS
$color-a1f7d5: #a1f7d5;
Tailwind
emerald-200
Export
:root {
--#a1f7d5-1: #a1f7d5;
}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.