#48C778 Color

#48C778 is rgb(72, 199, 120) in RGB and hsl(143, 53%, 53%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#48C778

HEX#48C778

RGBrgb(72, 199, 120)

HSLhsl(143, 53%, 53%)

HSVhsv(143, 64%, 78%)

OKLCHoklch(74% 0.16 152.6)

CMYKcmyk(64%, 0%, 40%, 22%)

Text Contrast & Accessibility

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

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

TextBlack text9.72:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#48C778 Complementary#C74896 Analogous#56C748 Analogous#48C7B8 Triadic#7848C7 Triadic#C77848

Tints & Shades

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

Tints

#5FCE8A #7AD69E #92DDAF #ADE6C3 #C4EDD4 #E0F5E8

Shades

#37B367 #2F9857 #267D48 #1E6238 #164628 #0D2B19

Use #48C778 in Our Tools

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