#5AAA5A Color

Color Information

HEX#5AAA5A
RGB90, 170, 90
HSL120° , 32% , 51%
HSV120° , 47% , 67%
CMYK47%, 0%, 47%, 33%

Lighter Shades

#6EB46E #82BE82 #95C995 #A9D3A9 #BDDDBD #D1E7D1

Darker Shades

#4F964F #448144 #3A6D3A #2F582F #244424 #193019

Complementary Palette

#4D924D #5AAA5A #924D92 #AA5AAA #B671B6 #71B671

Analogous Palette

#788A66 #82956F #55A055 #5AAA5A #6F9582 #7B9D8C

Triadic Palette

#4F964F #5AAA5A #4E4EB7 #6363C0 #B74E4E #A14545

Split Complementary Palette

#519951 #5AAA5A #825AAA #8F6BB3 #AA5A82 #995175

Square Palette

#4C8F4C #5AAA5A #67829E #9E679E #AA825A #B89674

Tetradic Palette

#4A8B4A #5AAA5A #44C1C1 #AA5AAA #C14444 #CC6666

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.44:1