#2CAA84 Color

#2CAA84 is rgb(44, 170, 132) in RGB and hsl(162, 59%, 42%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#2CAA84

HEX#2CAA84

RGBrgb(44, 170, 132)

HSLhsl(162, 59%, 42%)

HSVhsv(162, 74%, 67%)

OKLCHoklch(66.1% 0.122 167.9)

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

Text Contrast & Accessibility

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

TextWhite text2.92:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.19:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#2CAA84 Complementary#AA2C52 Analogous#2CAA45 Analogous#2C91AA Triadic#842CAA Triadic#AA842C

Tints & Shades

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

Tints

#34CB9E #55D3AD #75DBBD #96E4CC #B6ECDC #D6F5EC

Shades

#279675 #207E62 #1B6952 #15513F #103D2F #09241C

Use #2CAA84 in Our Tools

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