#AF6228 Color

#AF6228 is rgb(175, 98, 40) in RGB and hsl(26, 63%, 42%) in HSL. The closest CSS named color is Sienna. Black text is most readable on this background.

#AF6228

HEX#AF6228

RGBrgb(175, 98, 40)

HSLhsl(26, 63%, 42%)

HSVhsv(26, 77%, 69%)

OKLCHoklch(57.5% 0.122 53.9)

CMYKcmyk(0%, 44%, 77%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AF6228 Complementary#2874AF Analogous#AF2831 Analogous#AFA628 Triadic#28AF62 Triadic#6228AF

Tints & Shades

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

Tints

#D0752F #D78B50 #DFA172 #E6B793 #EECDB4 #F6E3D5

Shades

#9A5623 #81481D #6C3D19 #532F13 #3E230E #251508

Use #AF6228 in Our Tools

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