Preview
#aeb7da
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.59:1
HEX
#aeb7da
RGB
rgb(174, 183, 218)
RGBA
rgba(174, 183, 218, 1)
HSL
hsl(228, 37%, 77%)
HSV
hsv(228, 20%, 85%)
LAB
lab(74.78% 4.21 -18.6)
LCH
lch(74.78% 19.07 282.75)
OKLAB
oklab(0.7841 0.0034 -0.0507)
OKLCH
oklch(0.7841 0.0508 273.84)
XYZ
xyz(47.04, 47.93, 73.09)
CMYK
cmyk(20%, 16%, 0%, 15%)
CSS
color: #aeb7da;
CSS variable
--color-aeb7da: #aeb7da;
SCSS
$color-aeb7da: #aeb7da;
Tailwind
blue-200
Export
:root {
--#aeb7da-1: #aeb7da;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.