#5AAD5A Color

Color Information

HEX#5AAD5A
RGB90, 173, 90
HSL120° , 34% , 52%
HSV120° , 48% , 68%
CMYK48%, 0%, 48%, 32%

Lighter Shades

#6EB76E #82C182 #95CB95 #A9D4A9 #BDDEBD #D1E8D1

Darker Shades

#4F984F #448344 #3A6F3A #2F5A2F #244524 #193019

Complementary Palette

#4D954D #5AAD5A #964E96 #AE5BAE #B972B9 #71B871

Analogous Palette

#7A8D68 #859772 #55A355 #5AAD5A #729785 #7EA08F

Triadic Palette

#4F984F #5AAD5A #4F4FBA #6464C2 #BA4F4F #A44646

Split Complementary Palette

#519C51 #5AAD5A #855BAE #916BB6 #AE5B85 #9D5278

Square Palette

#4C914C #5AAD5A #6785A2 #A267A2 #AE855B #BB9975

Tetradic Palette

#4A8E4A #5AAD5A #45C4C4 #AE5BAE #C44545 #CF6666

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AAD5A contains 90 red, 173 green, and 90 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.67:1