#7DD8A0 Color

#7DD8A0 is rgb(125, 216, 160) in RGB and hsl(143, 54%, 67%) in HSL. The closest CSS named color is MediumAquamarine. Black text is most readable on this background.

#7DD8A0

HEX#7DD8A0

RGBrgb(125, 216, 160)

HSLhsl(143, 54%, 67%)

HSVhsv(143, 42%, 85%)

OKLCHoklch(81% 0.119 155.6)

CMYKcmyk(42%, 0%, 26%, 15%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#7DD8A0 Complementary#D87DB5 Analogous#88D87D Analogous#7DD8CE Triadic#A07DD8 Triadic#D8A07D

Tints & Shades

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

Tints

#8DDDAC #A1E3BA #B0E8C6 #C4EDD4 #D4F2DF #E7F8EE

Shades

#5ACE86 #39C06D #2F9D59 #247A45 #1A5631 #0F331D

Use #7DD8A0 in Our Tools

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