Preview
#b8d4e5
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.55:1 · vs black: 13.59:1
HEX
#b8d4e5
RGB
rgb(184, 212, 229)
RGBA
rgba(184, 212, 229, 1)
HSL
hsl(203, 46%, 81%)
HSV
hsv(203, 20%, 90%)
LAB
lab(83.41% -5.73 -11.48)
LCH
lch(83.41% 12.83 243.47)
OKLAB
oklab(0.8547 -0.0221 -0.0311)
OKLCH
oklch(0.8547 0.0382 234.6)
XYZ
xyz(57.45, 62.93, 83.23)
CMYK
cmyk(20%, 7%, 0%, 10%)
CSS
color: #b8d4e5;
CSS variable
--color-b8d4e5: #b8d4e5;
SCSS
$color-b8d4e5: #b8d4e5;
Tailwind
sky-100
Export
:root {
--#b8d4e5-1: #b8d4e5;
}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.