#ADCAE3 · Lavender Gray

Click to copy

#ADCAE3 is a light, moderately saturated gray color, closest to Lavender Gray and near Lavender Gray and Baby Blue. In OKLCH it has 83% lightness and 0.05 chroma at hue 244°. Gray suggests neutrality and balance; it lets other colors lead, which makes #ADCAE3 a natural choice for text, borders and interface chrome. It appears in 1 ColorSwoop palette.

Color codes click to copy

HEX#ADCAE3
RGBrgb(173, 202, 227)
HSLhsl(208, 49%, 78%)
CMYK24, 11, 0, 11
CSS var--lavender-gray
Contrast1.7:1 white · 12.33:1 black

Similar named colors

Lavender Gray #C4C3D0Baby Blue #89CFF0Sky Blue #87CEEBSilver #C0C0C0Periwinkle #CCCCFF

How to use #ADCAE3

Black text passes WCAG AA on #ADCAE3 (12.33:1); white text does not (1.7:1).

For a calm scheme pair #ADCAE3 with its analogous neighbors #ABE2E1 and #ABADE2; for contrast use its complement #E2C5AB as a small accent, and anchor everything with a neutral such as #1F1F24.

--lavender-gray: #ADCAE3;

Shades & tints

#23282D#45515B#687988#8AA2B6#ADCAE3#BDD5E9#CEDFEE#DEEAF4#EFF4F9

Color harmonies for #ADCAE3

Complementary

#ADCAE3#E2C5AB

Analogous

#ADCAE3#ABE2E1#ABADE2

Triadic

#ADCAE3#E2ABC9#C9E2AB

Split complementary

#ADCAE3#E2ABAD#E2E1AB

Tetradic

#ADCAE3#E1ABE2#E2C5AB#ADE2AB

Palettes with #ADCAE3