#7C500E Color

#7C500E is rgb(124, 80, 14) in RGB and hsl(36, 80%, 27%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#7C500E

HEX#7C500E

RGBrgb(124, 80, 14)

HSLhsl(36, 80%, 27%)

HSVhsv(36, 89%, 49%)

OKLCHoklch(47% 0.095 70.6)

CMYKcmyk(0%, 35%, 89%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7C500E Complementary#0E3A7C Analogous#7C190E Analogous#717C0E Triadic#0E7C50 Triadic#500E7C

Tints & Shades

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

Tints

#AA6D13 #D88B18 #E9A33A #EFBA6C #F4D09A #F9E5C8

Shades

#6E470C #5C3B0A #4E3209 #402907 #322106 #201504

Use #7C500E in Our Tools

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