#AF5A5D Color

#AF5A5D is rgb(175, 90, 93) in RGB and hsl(358, 35%, 52%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#AF5A5D

HEX#AF5A5D

RGBrgb(175, 90, 93)

HSLhsl(358, 35%, 52%)

HSVhsv(358, 49%, 69%)

OKLCHoklch(57% 0.111 19)

CMYKcmyk(0%, 49%, 47%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AF5A5D Complementary#5AAFAD Analogous#AF5A87 Analogous#AF825A Triadic#5DAF5A Triadic#5A5DAF

Tints & Shades

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

Tints

#BB7274 #C58789 #D19FA0 #DBB3B5 #E6CBCC #F0E0E1

Shades

#9B4B4D #833F41 #6B3335 #56292B #3E1E1F #261213

Use #AF5A5D in Our Tools

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