#2EA861 Color

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

#2EA861

HEX#2EA861

RGBrgb(46, 168, 97)

HSLhsl(145, 57%, 42%)

HSVhsv(145, 73%, 66%)

OKLCHoklch(64.8% 0.149 153)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2EA861 Complementary#A82E75 Analogous#38A82E Analogous#2EA89E Triadic#612EA8 Triadic#A8612E

Tints & Shades

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

Tints

#37C873 #57D18A #77DAA0 #97E2B6 #B7EBCD #D7F4E3

Shades

#299455 #227C48 #1D683C #16502E #103C23 #0A2415

Use #2EA861 in Our Tools

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