Preview
#bbc4c6
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.78:1 · vs black: 11.82:1
HEX
#bbc4c6
RGB
rgb(187, 196, 198)
RGBA
rgba(187, 196, 198, 1)
HSL
hsl(191, 9%, 75%)
HSV
hsv(191, 6%, 78%)
LAB
lab(78.53% -2.7 -2.07)
LCH
lch(78.53% 3.4 217.48)
OKLAB
oklab(0.8139 -0.0087 -0.0056)
OKLCH
oklch(0.8139 0.0103 212.77)
XYZ
xyz(50.42, 54.12, 61.21)
CMYK
cmyk(6%, 1%, 0%, 22%)
CSS
color: #bbc4c6;
CSS variable
--color-bbc4c6: #bbc4c6;
SCSS
$color-bbc4c6: #bbc4c6;
Tailwind
cyan-200
Export
:root {
--#bbc4c6-1: #bbc4c6;
}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.