#999DAD Color

#999DAD is rgb(153, 157, 173) in RGB and hsl(228, 11%, 64%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#999DAD

HEX#999DAD

RGBrgb(153, 157, 173)

HSLhsl(228, 11%, 64%)

HSVhsv(228, 12%, 68%)

OKLCHoklch(69.8% 0.024 274.6)

CMYKcmyk(12%, 9%, 0%, 32%)

Text Contrast & Accessibility

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

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

TextBlack text7.78:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#999DAD Complementary#ADA999 Analogous#99A7AD Analogous#9F99AD Triadic#AD999D Triadic#9DAD99

Tints & Shades

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

Tints

#A7ABB9 #B5B8C4 #C4C6CF #CFD1D8 #DDDEE4 #EBECEF

Shades

#808599 #6B7085 #565B6C #444755 #30323B #1E1F25

Use #999DAD in Our Tools

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