#2A9382 Color

#2A9382 is rgb(42, 147, 130) in RGB and hsl(170, 56%, 37%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#2A9382

HEX#2A9382

RGBrgb(42, 147, 130)

HSLhsl(170, 56%, 37%)

HSVhsv(170, 71%, 58%)

OKLCHoklch(60% 0.097 179.6)

CMYKcmyk(71%, 0%, 12%, 42%)

Text Contrast & Accessibility

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

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

TextBlack text5.59:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#2A9382 Complementary#932A3B Analogous#2A934D Analogous#2A7093 Triadic#822A93 Triadic#93822A

Tints & Shades

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

Tints

#34B7A1 #48CBB5 #6CD5C4 #90E0D2 #B3EAE1 #D3F3ED

Shades

#247F70 #1F6F62 #1A5B51 #14483F #0F342E #0A2420

Use #2A9382 in Our Tools

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