Preview
#bcc2cd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.79:1 · vs black: 11.74:1
HEX
#bcc2cd
RGB
rgb(188, 194, 205)
RGBA
rgba(188, 194, 205, 1)
HSL
hsl(219, 15%, 77%)
HSV
hsv(219, 8%, 80%)
LAB
lab(78.28% 0.07 -6.22)
LCH
lch(78.28% 6.22 270.64)
OKLAB
oklab(0.8127 -0.0021 -0.0167)
OKLCH
oklch(0.8127 0.0168 262.83)
XYZ
xyz(51.05, 53.68, 65.42)
CMYK
cmyk(8%, 5%, 0%, 20%)
CSS
color: #bcc2cd;
CSS variable
--color-bcc2cd: #bcc2cd;
SCSS
$color-bcc2cd: #bcc2cd;
Tailwind
sky-200
Export
:root {
--#bcc2cd-1: #bcc2cd;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.