Preview
#bdc8ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.63:1 · vs black: 12.87:1
HEX
#bdc8ff
RGB
rgb(189, 200, 255)
RGBA
rgba(189, 200, 255, 1)
HSL
hsl(230, 100%, 87%)
HSV
hsv(230, 26%, 100%)
LAB
lab(81.48% 7.99 -28.2)
LCH
lch(81.48% 29.31 285.82)
OKLAB
oklab(0.8432 0.0079 -0.0775)
OKLCH
oklch(0.8432 0.0779 275.82)
XYZ
xyz(59.69, 59.35, 102.90)
CMYK
cmyk(26%, 22%, 0%, 0%)
CSS
color: #bdc8ff;
CSS variable
--color-bdc8ff: #bdc8ff;
SCSS
$color-bdc8ff: #bdc8ff;
Tailwind
blue-100
Export
:root {
--#bdc8ff-1: #bdc8ff;
}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.