Preview
#a4bcb2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.02:1 · vs black: 10.41:1
HEX
#a4bcb2
RGB
rgb(164, 188, 178)
RGBA
rgba(164, 188, 178, 1)
HSL
hsl(155, 15%, 69%)
HSV
hsv(155, 13%, 74%)
LAB
lab(74.24% -10.16 2.29)
LCH
lch(74.24% 10.41 167.3)
OKLAB
oklab(0.7741 -0.0292 0.0059)
OKLCH
oklch(0.7741 0.0298 168.58)
XYZ
xyz(41.33, 47.07, 49.02)
CMYK
cmyk(13%, 0%, 5%, 26%)
CSS
color: #a4bcb2;
CSS variable
--color-a4bcb2: #a4bcb2;
SCSS
$color-a4bcb2: #a4bcb2;
Tailwind
emerald-300
Export
:root {
--#a4bcb2-1: #a4bcb2;
}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.