#346A38 Color

#346A38 is rgb(52, 106, 56) in RGB and hsl(124, 34%, 31%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#346A38

HEX#346A38

RGBrgb(52, 106, 56)

HSLhsl(124, 34%, 31%)

HSVhsv(124, 51%, 42%)

OKLCHoklch(47.4% 0.097 145.3)

CMYKcmyk(51%, 0%, 47%, 58%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#346A38 Complementary#6A3466 Analogous#4B6A34 Analogous#346A53 Triadic#38346A Triadic#6A3834

Tints & Shades

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

Tints

#458C4A #54AB5A #76BC7B #95CB99 #B7DCBA #D6EBD7

Shades

#2D5C31 #274F29 #204122 #1B371D #142916 #0D1B0E

Use #346A38 in Our Tools

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