#A5A288 Color

#A5A288 is rgb(165, 162, 136) in RGB and hsl(54, 14%, 59%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#A5A288

HEX#A5A288

RGBrgb(165, 162, 136)

HSLhsl(54, 14%, 59%)

HSVhsv(54, 18%, 65%)

OKLCHoklch(70.8% 0.037 101.9)

CMYKcmyk(0%, 2%, 18%, 35%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A5A288 Complementary#888BA5 Analogous#A59488 Analogous#99A588 Triadic#88A5A2 Triadic#A288A5

Tints & Shades

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

Tints

#B2B099 #BDBBA8 #CAC9B9 #D5D4C8 #E2E2D9 #EDEDE8

Shades

#949071 #7D7A5E #66634D #514F3D #3A392C #23221A

Use #A5A288 in Our Tools

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