Preview
#a7d3c2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.74:1
HEX
#a7d3c2
RGB
rgb(167, 211, 194)
RGBA
rgba(167, 211, 194, 1)
HSL
hsl(157, 33%, 74%)
HSV
hsv(157, 21%, 83%)
LAB
lab(81.12% -17.82 3.69)
LCH
lch(81.12% 18.2 168.3)
OKLAB
oklab(0.8307 -0.0511 0.0095)
OKLCH
oklch(0.8307 0.052 169.47)
XYZ
xyz(48.97, 58.70, 59.78)
CMYK
cmyk(21%, 0%, 8%, 17%)
CSS
color: #a7d3c2;
CSS variable
--color-a7d3c2: #a7d3c2;
SCSS
$color-a7d3c2: #a7d3c2;
Tailwind
emerald-200
Export
:root {
--#a7d3c2-1: #a7d3c2;
}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.