#348978 Color

#348978 is rgb(52, 137, 120) in RGB and hsl(168, 45%, 37%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#348978

HEX#348978

RGBrgb(52, 137, 120)

HSLhsl(168, 45%, 37%)

HSVhsv(168, 62%, 54%)

OKLCHoklch(57.4% 0.086 177.6)

CMYKcmyk(62%, 0%, 12%, 46%)

Text Contrast & Accessibility

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

TextWhite text4.2:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#348978 Complementary#893445 Analogous#34894D Analogous#346F89 Triadic#783489 Triadic#897834

Tints & Shades

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

Tints

#41AA95 #55BEA9 #76CBBA #97D8CB #B9E4DC #D6F0EB

Shades

#2D7668 #27685B #20554A #19433A #12302A #0D211D

Use #348978 in Our Tools

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