Preview
#bbcccd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.66:1 · vs black: 12.63:1
HEX
#bbcccd
RGB
rgb(187, 204, 205)
RGBA
rgba(187, 204, 205, 1)
HSL
hsl(183, 15%, 77%)
HSV
hsv(183, 9%, 80%)
LAB
lab(80.83% -5.54 -2.47)
LCH
lch(80.83% 6.07 204.03)
OKLAB
oklab(0.8326 -0.0173 -0.0067)
OKLCH
oklch(0.8326 0.0186 201.17)
XYZ
xyz(53.10, 58.16, 66.17)
CMYK
cmyk(9%, 0%, 0%, 20%)
CSS
color: #bbcccd;
CSS variable
--color-bbcccd: #bbcccd;
SCSS
$color-bbcccd: #bbcccd;
Tailwind
cyan-200
Export
:root {
--#bbcccd-1: #bbcccd;
}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.