#7F580A Color

#7F580A is rgb(127, 88, 10) in RGB and hsl(40, 85%, 27%) in HSL. The closest CSS named color is SaddleBrown. White text is most readable on this background.

#7F580A

HEX#7F580A

RGBrgb(127, 88, 10)

HSLhsl(40, 85%, 27%)

HSVhsv(40, 92%, 50%)

OKLCHoklch(49% 0.099 77.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7F580A Complementary#0A317F Analogous#7F1E0A Analogous#6C7F0A Triadic#0A7F58 Triadic#580A7F

Tints & Shades

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

Tints

#AF790E #DE9A12 #EFB034 #F3C568 #F7D797 #FAE9C6

Shades

#714F09 #5E4108 #503807 #422E05 #342404 #211703

Use #7F580A in Our Tools

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