#AAA692 Color

#AAA692 is rgb(170, 166, 146) in RGB and hsl(50, 12%, 62%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#AAA692

HEX#AAA692

RGBrgb(170, 166, 146)

HSLhsl(50, 12%, 62%)

HSVhsv(50, 14%, 67%)

OKLCHoklch(72.3% 0.028 97.7)

CMYKcmyk(0%, 2%, 14%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AAA692 Complementary#9296AA Analogous#AA9A92 Analogous#A2AA92 Triadic#92AAA6 Triadic#A692AA

Tints & Shades

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

Tints

#B5B2A1 #C0BDAF #CBC9BD #D9D7CE #E4E3DD #EFEFEB

Shades

#98937C #817C65 #6A6653 #535041 #3C3A2F #22211B

Use #AAA692 in Our Tools

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