Preview
#d5dfe5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.52:1
HEX
#d5dfe5
RGB
rgb(213, 223, 229)
RGBA
rgba(213, 223, 229, 1)
HSL
hsl(203, 24%, 87%)
HSV
hsv(203, 7%, 90%)
LAB
lab(88.25% -2.21 -4.09)
LCH
lch(88.25% 4.65 241.62)
OKLAB
oklab(0.8978 -0.008 -0.011)
OKLCH
oklch(0.8978 0.0136 233.97)
XYZ
xyz(67.97, 72.58, 84.54)
CMYK
cmyk(7%, 3%, 0%, 10%)
CSS
color: #d5dfe5;
CSS variable
--color-d5dfe5: #d5dfe5;
SCSS
$color-d5dfe5: #d5dfe5;
Tailwind
sky-100
Export
:root {
--#d5dfe5-1: #d5dfe5;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.