Preview
#d2d4e7
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.31:1
HEX
#d2d4e7
RGB
rgb(210, 212, 231)
RGBA
rgba(210, 212, 231, 1)
HSL
hsl(234, 30%, 86%)
HSV
hsv(234, 9%, 91%)
LAB
lab(85.28% 2.93 -9.56)
LCH
lch(85.28% 10 287.04)
OKLAB
oklab(0.8742 0.005 -0.0257)
OKLCH
oklch(0.8742 0.0262 281.01)
XYZ
xyz(64.54, 66.56, 85.03)
CMYK
cmyk(9%, 8%, 0%, 9%)
CSS
color: #d2d4e7;
CSS variable
--color-d2d4e7: #d2d4e7;
SCSS
$color-d2d4e7: #d2d4e7;
Tailwind
blue-100
Export
:root {
--#d2d4e7-1: #d2d4e7;
}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.