Preview
#bbe5e2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.42:1
HEX
#bbe5e2
RGB
rgb(187, 229, 226)
RGBA
rgba(187, 229, 226, 1)
HSL
hsl(176, 45%, 82%)
HSV
hsv(176, 18%, 90%)
LAB
lab(88.01% -14.15 -3.05)
LCH
lch(88.01% 14.47 192.16)
OKLAB
oklab(0.8913 -0.043 -0.0084)
OKLCH
oklch(0.8913 0.0438 191.05)
XYZ
xyz(62.24, 72.09, 82.57)
CMYK
cmyk(18%, 0%, 1%, 10%)
CSS
color: #bbe5e2;
CSS variable
--color-bbe5e2: #bbe5e2;
SCSS
$color-bbe5e2: #bbe5e2;
Tailwind
teal-100
Export
:root {
--#bbe5e2-1: #bbe5e2;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.