#74D8A2 Color

#74D8A2 is rgb(116, 216, 162) in RGB and hsl(148, 56%, 65%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#74D8A2

HEX#74D8A2

RGBrgb(116, 216, 162)

HSLhsl(148, 56%, 65%)

HSVhsv(148, 46%, 85%)

OKLCHoklch(80.7% 0.123 158.4)

CMYKcmyk(46%, 0%, 25%, 15%)

Text Contrast & Accessibility

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

TextWhite text1.74:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text12.09:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#74D8A2 Complementary#D874A9 Analogous#77D874 Analogous#74D8D4 Triadic#A274D8 Triadic#D8A274

Tints & Shades

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

Tints

#88DDB0 #98E2BA #ABE7C7 #BFEDD5 #D3F3E2 #E3F7EC

Shades

#50CE8B #36BF76 #2C9B60 #22774A #185434 #0F3420

Use #74D8A2 in Our Tools

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