#5BAC50 Color

Color Information

HEX#5BAC50
RGB91, 172, 80
HSL113° , 37% , 49%
HSV113° , 53% , 67%
CMYK47%, 0%, 53%, 33%

Lighter Shades

#6FB665 #82C07A #96CA8F #AAD4A4 #BDDEB9 #D1E8CE

Darker Shades

#509746 #45833D #3A6E33 #2F592A #244520 #193016

Complementary Palette

#4E9445 #5BAC50 #8A4493 #A04FAB #AD68B7 #72B869

Analogous Palette

#77865F #829268 #56A24B #5BAC50 #689278 #749A83

Triadic Palette

#509746 #5BAC50 #4250B8 #5965C1 #B84250 #A23A46

Split Complementary Palette

#529B48 #5BAC50 #724FAB #8061B3 #AB4F88 #9A477A

Square Palette

#4C9043 #5BAC50 #5B859F #975B9F #AB724F #B8896B

Tetradic Palette

#4B8D42 #5BAC50 #38C2B2 #A04FAB #C23848 #CD5C69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BAC50 contains 91 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.57:1