Preview
#bcbecd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.84:1 · vs black: 11.39:1
HEX
#bcbecd
RGB
rgb(188, 190, 205)
RGBA
rgba(188, 190, 205, 1)
HSL
hsl(233, 15%, 77%)
HSV
hsv(233, 8%, 80%)
LAB
lab(77.24% 2.2 -7.76)
LCH
lch(77.24% 8.07 285.83)
OKLAB
oklab(0.8046 0.0036 -0.0208)
OKLCH
oklch(0.8046 0.0211 279.82)
XYZ
xyz(50.17, 51.93, 65.13)
CMYK
cmyk(8%, 7%, 0%, 20%)
CSS
color: #bcbecd;
CSS variable
--color-bcbecd: #bcbecd;
SCSS
$color-bcbecd: #bcbecd;
Tailwind
blue-200
Export
:root {
--#bcbecd-1: #bcbecd;
}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.