#AF3C40 Color

#AF3C40 is rgb(175, 60, 64) in RGB and hsl(358, 49%, 46%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#AF3C40

HEX#AF3C40

RGBrgb(175, 60, 64)

HSLhsl(358, 49%, 46%)

HSVhsv(358, 66%, 69%)

OKLCHoklch(52.1% 0.15 22)

CMYKcmyk(0%, 66%, 63%, 31%)

Text Contrast & Accessibility

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

TextWhite text5.93:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.54:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AF3C40 Complementary#3CAFAB Analogous#AF3C79 Analogous#AF713C Triadic#40AF3C Triadic#3C40AF

Tints & Shades

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

Tints

#C24C50 #CC6B6E #D58588 #E0A4A6 #E9BEC0 #F3DDDE

Shades

#983437 #812C2F #6A2427 #541D1E #3D1516 #260D0E

Use #AF3C40 in Our Tools

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