#3B6349 Color

#3B6349 is rgb(59, 99, 73) in RGB and hsl(141, 25%, 31%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#3B6349

HEX#3B6349

RGBrgb(59, 99, 73)

HSLhsl(141, 25%, 31%)

HSVhsv(141, 40%, 39%)

OKLCHoklch(46.2% 0.062 154.7)

CMYKcmyk(40%, 0%, 26%, 61%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#3B6349 Complementary#633B55 Analogous#41633B Analogous#3B635D Triadic#493B63 Triadic#63493B

Tints & Shades

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

Tints

#4E8361 #609F76 #80B391 #9CC4AA #BCD7C5 #D9E8DE

Shades

#345640 #2C4936 #243D2D #1F3326 #17261C #0F1A13

Use #3B6349 in Our Tools

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