Preview
#bfc5d3
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.73:1 · vs black: 12.14:1
HEX
#bfc5d3
RGB
rgb(191, 197, 211)
RGBA
rgba(191, 197, 211, 1)
HSL
hsl(222, 19%, 79%)
HSV
hsv(222, 9%, 83%)
LAB
lab(79.45% 0.66 -7.69)
LCH
lch(79.45% 7.72 274.91)
OKLAB
oklab(0.823 -0.001 -0.0206)
OKLCH
oklch(0.823 0.0206 267.22)
XYZ
xyz(53.21, 55.71, 69.57)
CMYK
cmyk(9%, 7%, 0%, 17%)
CSS
color: #bfc5d3;
CSS variable
--color-bfc5d3: #bfc5d3;
SCSS
$color-bfc5d3: #bfc5d3;
Tailwind
blue-200
Export
:root {
--#bfc5d3-1: #bfc5d3;
}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.