#3B712D Color

#3B712D is rgb(59, 113, 45) in RGB and hsl(108, 43%, 31%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#3B712D

HEX#3B712D

RGBrgb(59, 113, 45)

HSLhsl(108, 43%, 31%)

HSVhsv(108, 60%, 44%)

OKLCHoklch(49.5% 0.115 139.6)

CMYKcmyk(48%, 0%, 60%, 56%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3B712D Complementary#632D71 Analogous#5D712D Analogous#2D7141 Triadic#2D3B71 Triadic#712D3B

Tints & Shades

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

Tints

#4E963C #5FB649 #7FC56D #9CD28E #BCE0B2 #D9EED3

Shades

#336227 #2C5421 #24451C #1E3A17 #172C11 #0F1D0C

Use #3B712D in Our Tools

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