#5AB480 Color

Color Information

HEX#5AB480
RGB90, 180, 128
HSL145° , 38% , 53%
HSV145° , 50% , 71%
CMYK50%, 0%, 29%, 29%

Lighter Shades

#6EBD8F #82C69E #95CFAE #A9D8BD #BDE1CC #D1EADB

Darker Shades

#4F9E71 #448961 #3A7352 #2F5E43 #244833 #193224

Complementary Palette

#4D9B6E #5AB480 #9C4D7B #B55A8F #BF719F #71BF92

Analogous Palette

#6D906A #759D72 #55A978 #5AB480 #729D99 #7EA5A2

Triadic Palette

#4F9E71 #5AB480 #7E4EC1 #8D63C8 #C17E4E #AA6F45

Split Complementary Palette

#51A273 #5AB480 #AD5AB5 #B56BBC #B55A61 #A35157

Square Palette

#4C976C #5AB480 #666BA9 #A9668D #B5AD5A #C1BA74

Tetradic Palette

#4A9469 #5AB480 #4492CA #B55A8F #CA7C44 #D49466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB480 contains 90 red, 180 green, and 128 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.39:1