#5CAC50 Color

Color Information

HEX#5CAC50
RGB92, 172, 80
HSL112° , 37% , 49%
HSV112° , 53% , 67%
CMYK47%, 0%, 53%, 33%

Lighter Shades

#70B665 #83C07A #97CA8F #AAD4A4 #BEDEB9 #D1E8CE

Darker Shades

#519746 #46833D #3B6E33 #30592A #254520 #1A3016

Complementary Palette

#4F9445 #5CAC50 #894493 #9F4FAB #AC68B7 #73B869

Analogous Palette

#78865F #839268 #56A24B #5CAC50 #689277 #749A82

Triadic Palette

#519746 #5CAC50 #4252B8 #5967C1 #B84252 #A23A48

Split Complementary Palette

#539B48 #5CAC50 #714FAB #7F61B3 #AB4F89 #9A477B

Square Palette

#4D9043 #5CAC50 #5B869F #965B9F #AB714F #B8886B

Tetradic Palette

#4B8D42 #5CAC50 #38C2AF #9F4FAB #C2384B #CD5C6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5CAC50 contains 92 red, 172 green, and 80 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.58:1