Preview
#bbd7de
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.89:1
HEX
#bbd7de
RGB
rgb(187, 215, 222)
RGBA
rgba(187, 215, 222, 1)
HSL
hsl(192, 35%, 80%)
HSV
hsv(192, 16%, 87%)
LAB
lab(84.19% -7.83 -6.57)
LCH
lch(84.19% 10.22 220)
OKLAB
oklab(0.8607 -0.0259 -0.0178)
OKLCH
oklch(0.8607 0.0314 214.5)
XYZ
xyz(57.98, 64.44, 78.48)
CMYK
cmyk(16%, 3%, 0%, 13%)
CSS
color: #bbd7de;
CSS variable
--color-bbd7de: #bbd7de;
SCSS
$color-bbd7de: #bbd7de;
Tailwind
cyan-200
Export
:root {
--#bbd7de-1: #bbd7de;
}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.