Preview
#d7dce0
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.38:1 · vs black: 15.2:1
HEX
#d7dce0
RGB
rgb(215, 220, 224)
RGBA
rgba(215, 220, 224, 1)
HSL
hsl(207, 13%, 86%)
HSV
hsv(207, 4%, 88%)
LAB
lab(87.49% -0.94 -2.55)
LCH
lch(87.49% 2.72 249.76)
OKLAB
oklab(0.8918 -0.0037 -0.0068)
OKLCH
oklch(0.8918 0.0077 241.45)
XYZ
xyz(67.07, 71.01, 80.68)
CMYK
cmyk(4%, 2%, 0%, 12%)
CSS
color: #d7dce0;
CSS variable
--color-d7dce0: #d7dce0;
SCSS
$color-d7dce0: #d7dce0;
Tailwind
sky-100
Export
:root {
--#d7dce0-1: #d7dce0;
}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.