#346546 Color

#346546 is rgb(52, 101, 70) in RGB and hsl(142, 32%, 30%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#346546

HEX#346546

RGBrgb(52, 101, 70)

HSLhsl(142, 32%, 30%)

HSVhsv(142, 49%, 40%)

OKLCHoklch(46.3% 0.074 154.5)

CMYKcmyk(49%, 0%, 31%, 60%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#346546 Complementary#653453 Analogous#3B6534 Analogous#34655E Triadic#463465 Triadic#654634

Tints & Shades

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

Tints

#45875D #55A572 #75B88E #97C9A9 #B8DBC5 #D7EADE

Shades

#2D583D #284D36 #21402C #1A3223 #13251A #0E1B13

Use #346546 in Our Tools

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