#488E71 Color

#488E71 is rgb(72, 142, 113) in RGB and hsl(155, 33%, 42%) in HSL. The closest CSS named color is SeaGreen. Black text is most readable on this background.

#488E71

HEX#488E71

RGBrgb(72, 142, 113)

HSLhsl(155, 33%, 42%)

HSVhsv(155, 49%, 56%)

OKLCHoklch(59.2% 0.085 164.6)

CMYKcmyk(49%, 0%, 20%, 44%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#488E71 Complementary#8E4865 Analogous#488E4E Analogous#48898E Triadic#71488E Triadic#8E7148

Tints & Shades

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

Tints

#55AA87 #71B79A #8CC5AD #A7D3C0 #C2E0D4 #DDEEE7

Shades

#3F7D64 #356953 #2C5846 #224436 #1A3328 #0F1F18

Use #488E71 in Our Tools

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