Preview
#a2c3b5
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.91:1 · vs black: 11.01:1
HEX
#a2c3b5
RGB
rgb(162, 195, 181)
RGBA
rgba(162, 195, 181, 1)
HSL
hsl(155, 22%, 70%)
HSV
hsv(155, 17%, 76%)
LAB
lab(76.1% -13.87 3.35)
LCH
lch(76.1% 14.27 166.42)
OKLAB
oklab(0.7888 -0.0397 0.0087)
OKLCH
oklch(0.7888 0.0406 167.64)
XYZ
xyz(42.75, 50.05, 51.11)
CMYK
cmyk(17%, 0%, 7%, 24%)
CSS
color: #a2c3b5;
CSS variable
--color-a2c3b5: #a2c3b5;
SCSS
$color-a2c3b5: #a2c3b5;
Tailwind
emerald-300
Export
:root {
--#a2c3b5-1: #a2c3b5;
}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.