#A15E74 Color

#A15E74 is rgb(161, 94, 116) in RGB and hsl(340, 26%, 50%) in HSL. The closest CSS named color is Gray. White text is most readable on this background.

#A15E74

HEX#A15E74

RGBrgb(161, 94, 116)

HSLhsl(340, 26%, 50%)

HSVhsv(340, 42%, 63%)

OKLCHoklch(56.4% 0.091 359.3)

CMYKcmyk(0%, 42%, 28%, 37%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#A15E74 Complementary#5EA18B Analogous#A15E96 Analogous#A1695E Triadic#74A15E Triadic#5E74A1

Tints & Shades

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

Tints

#AE7588 #BB8B9B #C8A2AF #D4B5BF #E1CCD3 #EEE2E6

Shades

#8A5164 #774656 #603946 #4D2D38 #372028 #23151A

Use #A15E74 in Our Tools

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