#2EA879 Color

#2EA879 is rgb(46, 168, 121) in RGB and hsl(157, 57%, 42%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#2EA879

HEX#2EA879

RGBrgb(46, 168, 121)

HSLhsl(157, 57%, 42%)

HSVhsv(157, 73%, 66%)

OKLCHoklch(65.4% 0.127 162.7)

CMYKcmyk(73%, 0%, 28%, 34%)

Text Contrast & Accessibility

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

TextWhite text3:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.99:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#2EA879 Complementary#A82E5D Analogous#2EA83C Analogous#2E9AA8 Triadic#792EA8 Triadic#A8792E

Tints & Shades

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

Tints

#37C890 #57D1A2 #77DAB4 #97E2C6 #B7EBD7 #D7F4E9

Shades

#29946B #227C5A #1D684B #16503A #103C2B #0A241A

Use #2EA879 in Our Tools

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