#7F6515 Color

#7F6515 is rgb(127, 101, 21) in RGB and hsl(45, 72%, 29%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#7F6515

HEX#7F6515

RGBrgb(127, 101, 21)

HSLhsl(45, 72%, 29%)

HSVhsv(45, 83%, 50%)

OKLCHoklch(51.9% 0.098 89.3)

CMYKcmyk(0%, 20%, 83%, 50%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7F6515 Complementary#152F7F Analogous#7F2F15 Analogous#657F15 Triadic#157F65 Triadic#65157F

Tints & Shades

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

Tints

#AB871C #D7AA23 #E2BC4B #E8CB73 #EFDB9F #F6EBCA

Shades

#6E5712 #604C10 #4F3E0D #42340B #302608 #231C06

Use #7F6515 in Our Tools

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