Preview
#d9dfec
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.72:1
HEX
#d9dfec
RGB
rgb(217, 223, 236)
RGBA
rgba(217, 223, 236, 1)
HSL
hsl(221, 33%, 89%)
HSV
hsv(221, 8%, 93%)
LAB
lab(88.72% 0.43 -7.03)
LCH
lch(88.72% 7.04 273.5)
OKLAB
oklab(0.9029 -0.0013 -0.0188)
OKLCH
oklch(0.9029 0.0188 266.04)
XYZ
xyz(70.14, 73.58, 89.85)
CMYK
cmyk(8%, 6%, 0%, 7%)
CSS
color: #d9dfec;
CSS variable
--color-d9dfec: #d9dfec;
SCSS
$color-d9dfec: #d9dfec;
Tailwind
blue-100
Export
:root {
--#d9dfec-1: #d9dfec;
}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.