#716D0A Color

#716D0A is rgb(113, 109, 10) in RGB and hsl(58, 84%, 24%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#716D0A

HEX#716D0A

RGBrgb(113, 109, 10)

HSLhsl(58, 84%, 24%)

HSVhsv(58, 91%, 44%)

OKLCHoklch(52.2% 0.109 107)

CMYKcmyk(0%, 4%, 91%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#716D0A Complementary#0A0D71 Analogous#713A0A Analogous#41710A Triadic#0A716D Triadic#6D0A71

Tints & Shades

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

Tints

#A49F0E #D3CD12 #EDE731 #F1EC5F #F6F293 #FAF8C2

Shades

#636009 #545207 #464406 #3D3B05 #2F2D04 #212003

Use #716D0A in Our Tools

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