Preview
#aebcc7
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.94:1 · vs black: 10.82:1
HEX
#aebcc7
RGB
rgb(174, 188, 199)
RGBA
rgba(174, 188, 199, 1)
HSL
hsl(206, 18%, 73%)
HSV
hsv(206, 13%, 78%)
LAB
lab(75.51% -2.59 -7.18)
LCH
lch(75.51% 7.63 250.16)
OKLAB
oklab(0.7878 -0.0105 -0.0193)
OKLCH
oklch(0.7878 0.022 241.45)
XYZ
xyz(45.75, 49.09, 61.09)
CMYK
cmyk(13%, 6%, 0%, 22%)
CSS
color: #aebcc7;
CSS variable
--color-aebcc7: #aebcc7;
SCSS
$color-aebcc7: #aebcc7;
Tailwind
sky-200
Export
:root {
--#aebcc7-1: #aebcc7;
}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.