#AF7812 Color

#AF7812 is rgb(175, 120, 18) in RGB and hsl(39, 81%, 38%) in HSL. The closest CSS named color is DarkGoldenrod. Black text is most readable on this background.

#AF7812

HEX#AF7812

RGBrgb(175, 120, 18)

HSLhsl(39, 81%, 38%)

HSVhsv(39, 90%, 69%)

OKLCHoklch(61.4% 0.125 75.5)

CMYKcmyk(0%, 31%, 90%, 31%)

Text Contrast & Accessibility

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

TextWhite text3.81:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.52:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#AF7812 Complementary#1249AF Analogous#AF2A12 Analogous#98AF12 Triadic#12AF78 Triadic#7812AF

Tints & Shades

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

Tints

#D99517 #E9A82F #EEBA59 #F1C97E #F6DAA7 #FAEACC

Shades

#986910 #81590E #6A490B #583C09 #412C07 #2A1D04

Use #AF7812 in Our Tools

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