Preview
#aeb6bc
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.22:1
HEX
#aeb6bc
RGB
rgb(174, 182, 188)
RGBA
rgba(174, 182, 188, 1)
HSL
hsl(206, 9%, 71%)
HSV
hsv(206, 7%, 74%)
LAB
lab(73.6% -1.6 -4.01)
LCH
lch(73.6% 4.32 248.25)
OKLAB
oklab(0.7718 -0.0062 -0.0107)
OKLCH
oklch(0.7718 0.0124 239.91)
XYZ
xyz(43.26, 46.09, 54.18)
CMYK
cmyk(7%, 3%, 0%, 26%)
CSS
color: #aeb6bc;
CSS variable
--color-aeb6bc: #aeb6bc;
SCSS
$color-aeb6bc: #aeb6bc;
Tailwind
sky-200
Export
:root {
--#aeb6bc-1: #aeb6bc;
}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.