#A2A225 Color

#A2A225 is rgb(162, 162, 37) in RGB and hsl(60, 63%, 39%) in HSL. The closest CSS named color is DarkGoldenrod. Black text is most readable on this background.

#A2A225

HEX#A2A225

RGBrgb(162, 162, 37)

HSLhsl(60, 63%, 39%)

HSVhsv(60, 77%, 64%)

OKLCHoklch(69.1% 0.139 109.5)

CMYKcmyk(0%, 0%, 77%, 36%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A2A225 Complementary#2525A2 Analogous#A26325 Analogous#63A225 Triadic#25A2A2 Triadic#A225A2

Tints & Shades

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

Tints

#C3C32C #D5D548 #DDDD69 #E6E68F #EDEDB0 #F6F6D5

Shades

#8D8D20 #79791B #646417 #4F4F12 #3A3A0D #252508

Use #A2A225 in Our Tools

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