#AF560E Color

#AF560E is rgb(175, 86, 14) in RGB and hsl(27, 85%, 37%) in HSL. The closest CSS named color is Sienna. White text is most readable on this background.

#AF560E

HEX#AF560E

RGBrgb(175, 86, 14)

HSLhsl(27, 85%, 37%)

HSVhsv(27, 92%, 69%)

OKLCHoklch(55.3% 0.138 51.5)

CMYKcmyk(0%, 51%, 92%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AF560E Complementary#0E66AF Analogous#AF0E16 Analogous#AFA70E Triadic#0EAF56 Triadic#560EAF

Tints & Shades

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

Tints

#D96B12 #ED8026 #F19950 #F4B27B #F8CAA5 #FBE1CB

Shades

#974B0C #84410B #6D3609 #552A07 #3D1E05 #2A1503

Use #AF560E in Our Tools

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