Preview
#b0e8e1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.48:1
HEX
#b0e8e1
RGB
rgb(176, 232, 225)
RGBA
rgba(176, 232, 225, 1)
HSL
hsl(173, 55%, 80%)
HSV
hsv(173, 24%, 91%)
LAB
lab(88.15% -19.18 -2.4)
LCH
lch(88.15% 19.33 187.13)
OKLAB
oklab(0.8907 -0.0574 -0.0067)
OKLCH
oklch(0.8907 0.0578 186.66)
XYZ
xyz(60.35, 72.38, 82.01)
CMYK
cmyk(24%, 0%, 3%, 9%)
CSS
color: #b0e8e1;
CSS variable
--color-b0e8e1: #b0e8e1;
SCSS
$color-b0e8e1: #b0e8e1;
Tailwind
teal-200
Export
:root {
--#b0e8e1-1: #b0e8e1;
}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.