#A4685B Color

#A4685B is rgb(164, 104, 91) in RGB and hsl(11, 29%, 50%) in HSL. The closest CSS named color is IndianRed. Black text is most readable on this background.

#A4685B

HEX#A4685B

RGBrgb(164, 104, 91)

HSLhsl(11, 29%, 50%)

HSVhsv(11, 45%, 64%)

OKLCHoklch(57.9% 0.08 32.9)

CMYKcmyk(0%, 37%, 45%, 36%)

Text Contrast & Accessibility

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

TextWhite text4.46:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text4.71:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#A4685B Complementary#5B97A4 Analogous#A45B72 Analogous#A48D5B Triadic#5BA468 Triadic#685BA4

Tints & Shades

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

Tints

#B17D72 #BE9289 #CAA7A0 #D5BAB3 #E2CFCA #EFE4E1

Shades

#8D5A4E #7A4D43 #633E36 #4F322B #38231F #241714

Use #A4685B in Our Tools

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