#746220 Color

#746220 is rgb(116, 98, 32) in RGB and hsl(47, 57%, 29%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#746220

HEX#746220

RGBrgb(116, 98, 32)

HSLhsl(47, 57%, 29%)

HSVhsv(47, 72%, 45%)

OKLCHoklch(50.1% 0.087 93.6)

CMYKcmyk(0%, 16%, 72%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#746220 Complementary#203274 Analogous#743820 Analogous#5C7420 Triadic#207462 Triadic#622074

Tints & Shades

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

Tints

#9C842B #C4A536 #D2B85B #DCC87F #E7D9A7 #F2EACF

Shades

#64541B #584A18 #483D14 #3C3310 #2C250C #201B09

Use #746220 in Our Tools

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