Preview
#bbd4d2
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.46:1
HEX
#bbd4d2
RGB
rgb(187, 212, 210)
RGBA
rgba(187, 212, 210, 1)
HSL
hsl(175, 23%, 78%)
HSV
hsv(175, 12%, 83%)
LAB
lab(83.07% -8.71 -1.84)
LCH
lch(83.07% 8.9 191.93)
OKLAB
oklab(0.8508 -0.0264 -0.005)
OKLCH
oklch(0.8508 0.0269 190.72)
XYZ
xyz(55.67, 62.30, 70.05)
CMYK
cmyk(12%, 0%, 1%, 17%)
CSS
color: #bbd4d2;
CSS variable
--color-bbd4d2: #bbd4d2;
SCSS
$color-bbd4d2: #bbd4d2;
Tailwind
teal-200
Export
:root {
--#bbd4d2-1: #bbd4d2;
}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.