Preview
#dde9f3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.23:1 · vs black: 17.02:1
HEX
#dde9f3
RGB
rgb(221, 233, 243)
RGBA
rgba(221, 233, 243, 1)
HSL
hsl(207, 48%, 91%)
HSV
hsv(207, 9%, 95%)
LAB
lab(91.74% -2.08 -6.21)
LCH
lch(91.74% 6.55 251.48)
OKLAB
oklab(0.928 -0.0085 -0.0167)
OKLCH
oklch(0.928 0.0187 243.02)
XYZ
xyz(75.13, 80.12, 96.28)
CMYK
cmyk(9%, 4%, 0%, 5%)
CSS
color: #dde9f3;
CSS variable
--color-dde9f3: #dde9f3;
SCSS
$color-dde9f3: #dde9f3;
Tailwind
sky-50
Export
:root {
--#dde9f3-1: #dde9f3;
}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.