#ADAAD4 Color

#ADAAD4 is rgb(173, 170, 212) in RGB and hsl(244, 33%, 75%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#ADAAD4

HEX#ADAAD4

RGBrgb(173, 170, 212)

HSLhsl(244, 33%, 75%)

HSVhsv(244, 20%, 83%)

OKLCHoklch(75.5% 0.06 288.1)

CMYKcmyk(18%, 20%, 0%, 17%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #ADAAD4 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text2.22:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.48:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #ADAAD4 based on color wheel relationships. Click any swatch for its full breakdown.

Base#ADAAD4 Complementary#D1D4AA Analogous#AABCD4 Analogous#C2AAD4 Triadic#D4ADAA Triadic#AAD4AD

Tints & Shades

Lighter tints and darker shades of #ADAAD4, useful for hover states, backgrounds, and text variants.

Tints

#B7B4D9 #C4C2E0 #CECCE5 #D8D6EA #E1E0F0 #EFEEF6

Shades

#8C88C3 #6B66B2 #524D99 #3E3A73 #2C2951 #19182F

Use #ADAAD4 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex