#48D567 Color

#48D567 is rgb(72, 213, 103) in RGB and hsl(133, 63%, 56%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#48D567

HEX#48D567

RGBrgb(72, 213, 103)

HSLhsl(133, 63%, 56%)

HSVhsv(133, 66%, 84%)

OKLCHoklch(77.3% 0.193 147.4)

CMYKcmyk(66%, 0%, 52%, 16%)

Text Contrast & Accessibility

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

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

TextBlack text10.99:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#48D567 Complementary#D548B7 Analogous#70D548 Analogous#48D5AD Triadic#6748D5 Triadic#D56748

Tints & Shades

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

Tints

#61DB7C #7AE190 #93E6A5 #ACECBA #C5F2CF #DEF7E3

Shades

#2ECC50 #27AA43 #208D38 #196C2B #124F1F #0A2E12

Use #48D567 in Our Tools

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