#5AB46F Color

Color Information

HEX#5AB46F
RGB90, 180, 111
HSL134° , 38% , 53%
HSV134° , 50% , 71%
CMYK50%, 0%, 38%, 29%

Lighter Shades

#6EBD80 #82C692 #95CFA3 #A9D8B4 #BDE1C5 #D1EAD7

Darker Shades

#4F9E62 #448954 #3A7347 #2F5E3A #24482C #19321F

Complementary Palette

#4D9B5F #5AB46F #9C4D89 #B55A9F #BF71AC #71BF83

Analogous Palette

#74906A #7D9D72 #55A968 #5AB46F #729D91 #7EA59B

Triadic Palette

#4F9E62 #5AB46F #684EC1 #7A63C8 #C1684E #AA5C45

Split Complementary Palette

#51A264 #5AB46F #9C5AB5 #A66BBC #B55A72 #A35167

Square Palette

#4C975D #5AB46F #6677A9 #A96698 #B59C5A #C1AC74

Tetradic Palette

#4A945B #5AB46F #44A9CA #B55A9F #CA6344 #D47F66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB46F contains 90 red, 180 green, and 111 blue.

Contrast Ratio: 2.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.31:1