Preview
#dff4ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.52:1
HEX
#dff4ff
RGB
rgb(223, 244, 255)
RGBA
rgba(223, 244, 255, 1)
HSL
hsl(201, 100%, 94%)
HSV
hsv(201, 13%, 100%)
LAB
lab(95% -4.72 -7.62)
LCH
lch(95% 8.96 238.22)
OKLAB
oklab(0.955 -0.017 -0.0205)
OKLCH
oklch(0.955 0.0266 230.33)
XYZ
xyz(80.83, 87.61, 107.24)
CMYK
cmyk(13%, 4%, 0%, 0%)
CSS
color: #dff4ff;
CSS variable
--color-dff4ff: #dff4ff;
SCSS
$color-dff4ff: #dff4ff;
Tailwind
sky-50
Export
:root {
--#dff4ff-1: #dff4ff;
}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.