#7E7730 Color

#7E7730 is rgb(126, 119, 48) in RGB and hsl(55, 45%, 34%) in HSL. The closest CSS named color is OliveDrab. White text is most readable on this background.

#7E7730

HEX#7E7730

RGBrgb(126, 119, 48)

HSLhsl(55, 45%, 34%)

HSVhsv(55, 62%, 49%)

OKLCHoklch(56.1% 0.092 103.7)

CMYKcmyk(0%, 6%, 62%, 51%)

Text Contrast & Accessibility

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

TextWhite text4.6:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.57:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#7E7730 Complementary#30367E Analogous#7E5030 Analogous#5D7E30 Triadic#307E77 Triadic#77307E

Tints & Shades

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

Tints

#9F973C #BCB34E #C8C16F #D6D194 #E3DFB5 #F0EDD6

Shades

#6F692A #5C5823 #4E4A1D #3F3C18 #302E12 #1E1C0B

Use #7E7730 in Our Tools

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