#5AAA80 Color

Color Information

HEX#5AAA80
RGB90, 170, 128
HSL149° , 32% , 51%
HSV149° , 47% , 67%
CMYK47%, 0%, 25%, 33%

Lighter Shades

#6EB48F #82BE9E #95C9AE #A9D3BD #BDDDCC #D1E7DB

Darker Shades

#4F9671 #448161 #3A6D52 #2F5843 #244433 #193024

Complementary Palette

#4D926E #5AAA80 #924D71 #AA5A83 #B67194 #71B692

Analogous Palette

#668A66 #70956F #55A078 #5AAA80 #6F9594 #7B9D9D

Triadic Palette

#4F9671 #5AAA80 #804EB7 #8F63C0 #B7804E #A17145

Split Complementary Palette

#519973 #5AAA80 #A95AAA #B26BB3 #AA5A5B #995152

Square Palette

#4C8F6C #5AAA80 #67679E #9E6783 #AAA95A #B8B774

Tetradic Palette

#4A8B69 #5AAA80 #4484C1 #AA5A83 #C18044 #CC9766

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAA80 contains 90 red, 170 green, and 128 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.61:1