Preview
#b1d2ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.53:1
HEX
#b1d2ff
RGB
rgb(177, 210, 255)
RGBA
rgba(177, 210, 255, 1)
HSL
hsl(215, 100%, 85%)
HSV
hsv(215, 31%, 100%)
LAB
lab(83.26% -0.8 -25.55)
LCH
lch(83.26% 25.56 268.21)
OKLAB
oklab(0.8551 -0.0172 -0.0702)
OKLCH
oklch(0.8551 0.0723 256.23)
XYZ
xyz(59.22, 62.66, 103.56)
CMYK
cmyk(31%, 18%, 0%, 0%)
CSS
color: #b1d2ff;
CSS variable
--color-b1d2ff: #b1d2ff;
SCSS
$color-b1d2ff: #b1d2ff;
Tailwind
sky-100
Export
:root {
--#b1d2ff-1: #b1d2ff;
}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.