Preview
#bbc8ca
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.23:1
HEX
#bbc8ca
RGB
rgb(187, 200, 202)
RGBA
rgba(187, 200, 202, 1)
HSL
hsl(188, 12%, 76%)
HSV
hsv(188, 7%, 79%)
LAB
lab(79.69% -4.03 -2.52)
LCH
lch(79.69% 4.75 212.02)
OKLAB
oklab(0.8234 -0.0129 -0.0068)
OKLCH
oklch(0.8234 0.0146 207.8)
XYZ
xyz(51.81, 56.14, 63.97)
CMYK
cmyk(7%, 1%, 0%, 21%)
CSS
color: #bbc8ca;
CSS variable
--color-bbc8ca: #bbc8ca;
SCSS
$color-bbc8ca: #bbc8ca;
Tailwind
cyan-200
Export
:root {
--#bbc8ca-1: #bbc8ca;
}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.