#ADA4CC Color

#ADA4CC is rgb(173, 164, 204) in RGB and hsl(253, 28%, 72%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#ADA4CC

HEX#ADA4CC

RGBrgb(173, 164, 204)

HSLhsl(253, 28%, 72%)

HSVhsv(253, 20%, 80%)

OKLCHoklch(74% 0.058 295.3)

CMYKcmyk(15%, 20%, 0%, 20%)

Text Contrast & Accessibility

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

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

TextBlack text8.96:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#ADA4CC Complementary#C3CCA4 Analogous#A4AFCC Analogous#C0A4CC Triadic#CCACA4 Triadic#A4CCAC

Tints & Shades

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

Tints

#B8B1D3 #C1BAD8 #CDC8E0 #D9D5E7 #E4E2EE #EDEBF4

Shades

#8F83B9 #7466A9 #5C4F8C #473D6C #312A4B #1E1A2E

Use #ADA4CC in Our Tools

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