Preview
#acd1e3
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.62:1 · vs black: 12.98:1
HEX
#acd1e3
RGB
rgb(172, 209, 227)
RGBA
rgba(172, 209, 227, 1)
HSL
hsl(200, 50%, 78%)
HSV
hsv(200, 24%, 89%)
LAB
lab(81.79% -8.24 -12.91)
LCH
lch(81.79% 15.32 237.45)
OKLAB
oklab(0.8398 -0.0306 -0.0351)
OKLCH
oklch(0.8398 0.0466 228.92)
XYZ
xyz(53.67, 59.92, 81.39)
CMYK
cmyk(24%, 8%, 0%, 11%)
CSS
color: #acd1e3;
CSS variable
--color-acd1e3: #acd1e3;
SCSS
$color-acd1e3: #acd1e3;
Tailwind
sky-200
Export
:root {
--#acd1e3-1: #acd1e3;
}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.