#45E379 Color

#45E379 is rgb(69, 227, 121) in RGB and hsl(140, 74%, 58%) in HSL. The closest CSS named color is MediumSeaGreen. Black text is most readable on this background.

#45E379

HEX#45E379

RGBrgb(69, 227, 121)

HSLhsl(140, 74%, 58%)

HSVhsv(140, 70%, 89%)

OKLCHoklch(81.1% 0.196 150.1)

CMYKcmyk(70%, 0%, 47%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#45E379 Complementary#E345AE Analogous#5FE345 Analogous#45E3C9 Triadic#7945E3 Triadic#E37945

Tints & Shades

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

Tints

#5FE78D #75EA9C #90EEB0 #ABF2C3 #C5F6D6 #DCFAE6

Shades

#21DE60 #1DBF53 #179B43 #127834 #0D5424 #083517

Use #45E379 in Our Tools

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