#476340 Color

#476340 is rgb(71, 99, 64) in RGB and hsl(108, 21%, 32%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#476340

HEX#476340

RGBrgb(71, 99, 64)

HSLhsl(108, 21%, 32%)

HSVhsv(108, 35%, 39%)

OKLCHoklch(46.7% 0.064 139.5)

CMYKcmyk(28%, 0%, 35%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#476340 Complementary#5C4063 Analogous#586340 Analogous#40634B Triadic#404763 Triadic#634047

Tints & Shades

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

Tints

#5B7F53 #729C68 #8CAE84 #A9C3A2 #C3D5BE #DFE9DD

Shades

#3E5638 #354A30 #2D3E28 #243120 #1B2518 #121910

Use #476340 in Our Tools

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