Preview
#d1dcff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.39:1
HEX
#d1dcff
RGB
rgb(209, 220, 255)
RGBA
rgba(209, 220, 255, 1)
HSL
hsl(226, 100%, 91%)
HSV
hsv(226, 18%, 100%)
LAB
lab(87.95% 3.33 -18.24)
LCH
lch(87.95% 18.54 280.35)
OKLAB
oklab(0.8973 0.0014 -0.0496)
OKLCH
oklch(0.8973 0.0496 271.62)
XYZ
xyz(69.93, 71.96, 104.79)
CMYK
cmyk(18%, 14%, 0%, 0%)
CSS
color: #d1dcff;
CSS variable
--color-d1dcff: #d1dcff;
SCSS
$color-d1dcff: #d1dcff;
Tailwind
blue-50
Export
:root {
--#d1dcff-1: #d1dcff;
}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.