Preview
#aebdc2
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.93:1 · vs black: 10.86:1
HEX
#aebdc2
RGB
rgb(174, 189, 194)
RGBA
rgba(174, 189, 194, 1)
HSL
hsl(195, 14%, 72%)
HSV
hsv(195, 10%, 76%)
LAB
lab(75.63% -4.14 -4.28)
LCH
lch(75.63% 5.95 225.95)
OKLAB
oklab(0.7883 -0.0139 -0.0115)
OKLCH
oklch(0.7883 0.018 219.6)
XYZ
xyz(45.39, 49.29, 58.15)
CMYK
cmyk(10%, 3%, 0%, 24%)
CSS
color: #aebdc2;
CSS variable
--color-aebdc2: #aebdc2;
SCSS
$color-aebdc2: #aebdc2;
Tailwind
cyan-200
Export
:root {
--#aebdc2-1: #aebdc2;
}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.