Preview
#aebbc6
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.72:1
HEX
#aebbc6
RGB
rgb(174, 187, 198)
RGBA
rgba(174, 187, 198, 1)
HSL
hsl(208, 17%, 73%)
HSV
hsv(208, 12%, 78%)
LAB
lab(75.21% -2.26 -7.08)
LCH
lch(75.21% 7.43 252.3)
OKLAB
oklab(0.7854 -0.0095 -0.019)
OKLCH
oklch(0.7854 0.0212 243.43)
XYZ
xyz(45.42, 48.62, 60.41)
CMYK
cmyk(12%, 6%, 0%, 22%)
CSS
color: #aebbc6;
CSS variable
--color-aebbc6: #aebbc6;
SCSS
$color-aebbc6: #aebbc6;
Tailwind
sky-200
Export
:root {
--#aebbc6-1: #aebbc6;
}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.