#4D743E Color

#4D743E is rgb(77, 116, 62) in RGB and hsl(103, 30%, 35%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#4D743E

HEX#4D743E

RGBrgb(77, 116, 62)

HSLhsl(103, 30%, 35%)

HSVhsv(103, 47%, 45%)

OKLCHoklch(51.6% 0.092 137.5)

CMYKcmyk(34%, 0%, 47%, 55%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#4D743E Complementary#653E74 Analogous#68743E Analogous#3E744A Triadic#3E4E74 Triadic#743E4E

Tints & Shades

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

Tints

#62924F #78AB63 #92BB81 #ABCB9F #C5DBBD #DFEBDB

Shades

#456737 #3A562E #314927 #26381E #1D2B17 #121B0E

Use #4D743E in Our Tools

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