#AF331D Color

#AF331D is rgb(175, 51, 29) in RGB and hsl(9, 72%, 40%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#AF331D

HEX#AF331D

RGBrgb(175, 51, 29)

HSLhsl(9, 72%, 40%)

HSVhsv(9, 83%, 69%)

OKLCHoklch(50.6% 0.164 32.4)

CMYKcmyk(0%, 71%, 83%, 31%)

Text Contrast & Accessibility

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

TextWhite text6.34:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#AF331D Complementary#1D99AF Analogous#AF1D50 Analogous#AF7C1D Triadic#1DAF33 Triadic#331DAF

Tints & Shades

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

Tints

#D33D22 #E05A42 #E67965 #EC9789 #F1B6AC #F8D9D3

Shades

#9A2C19 #842615 #6E2012 #53180E #3D120A #270B06

Use #AF331D in Our Tools

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