#2BA150 Color

#2BA150 is rgb(43, 161, 80) in RGB and hsl(139, 58%, 40%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#2BA150

HEX#2BA150

RGBrgb(43, 161, 80)

HSLhsl(139, 58%, 40%)

HSVhsv(139, 73%, 63%)

OKLCHoklch(62.6% 0.157 149.4)

CMYKcmyk(73%, 0%, 50%, 37%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2BA150 Complementary#A12B7C Analogous#41A12B Analogous#2BA18B Triadic#502BA1 Triadic#A1502B

Tints & Shades

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

Tints

#33C160 #52D17A #72DA93 #92E2AC #B2EBC4 #D7F4E0

Shades

#258D46 #20793C #1B6532 #144D26 #0F381C #0A2412

Use #2BA150 in Our Tools

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