Preview
#bde4ff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.34:1 · vs black: 15.71:1
HEX
#bde4ff
RGB
rgb(189, 228, 255)
RGBA
rgba(189, 228, 255, 1)
HSL
hsl(205, 100%, 87%)
HSV
hsv(205, 26%, 100%)
LAB
lab(88.7% -6.79 -17.25)
LCH
lch(88.7% 18.54 248.51)
OKLAB
oklab(0.8998 -0.0289 -0.047)
OKLCH
oklch(0.8998 0.0552 238.41)
XYZ
xyz(66.77, 73.52, 105.26)
CMYK
cmyk(26%, 11%, 0%, 0%)
CSS
color: #bde4ff;
CSS variable
--color-bde4ff: #bde4ff;
SCSS
$color-bde4ff: #bde4ff;
Tailwind
sky-100
Export
:root {
--#bde4ff-1: #bde4ff;
}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.