#2CAA43 Color

#2CAA43 is rgb(44, 170, 67) in RGB and hsl(131, 59%, 42%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#2CAA43

HEX#2CAA43

RGBrgb(44, 170, 67)

HSLhsl(131, 59%, 42%)

HSVhsv(131, 74%, 67%)

OKLCHoklch(64.9% 0.179 145.9)

CMYKcmyk(74%, 0%, 61%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2CAA43 Complementary#AA2C93 Analogous#54AA2C Analogous#2CAA82 Triadic#432CAA Triadic#AA432C

Tints & Shades

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

Tints

#34CB50 #55D36C #75DB88 #96E4A4 #B6ECC0 #D6F5DC

Shades

#27963B #207E32 #1B692A #155120 #103D18 #09240E

Use #2CAA43 in Our Tools

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