Preview
#bcc5c9
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 11.97:1
HEX
#bcc5c9
RGB
rgb(188, 197, 201)
RGBA
rgba(188, 197, 201, 1)
HSL
hsl(198, 11%, 76%)
HSV
hsv(198, 6%, 79%)
LAB
lab(78.95% -2.31 -3.07)
LCH
lch(78.95% 3.84 233.04)
OKLAB
oklab(0.8176 -0.0079 -0.0082)
OKLCH
oklch(0.8176 0.0114 226.07)
XYZ
xyz(51.25, 54.84, 63.13)
CMYK
cmyk(6%, 2%, 0%, 21%)
CSS
color: #bcc5c9;
CSS variable
--color-bcc5c9: #bcc5c9;
SCSS
$color-bcc5c9: #bcc5c9;
Tailwind
cyan-200
Export
:root {
--#bcc5c9-1: #bcc5c9;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.