#5AA285 Color

Color Information

HEX#5AA285
RGB90, 162, 133
HSL156° , 29% , 49%
HSV156° , 44% , 64%
CMYK44%, 0%, 18%, 36%

Lighter Shades

#6EAD94 #82B8A2 #95C3B1 #A9CFC0 #BDDACE #D1E5DD

Darker Shades

#4F8F75 #447B65 #3A6855 #2F5445 #244135 #192D25

Complementary Palette

#4D8B72 #5AA285 #8A4D65 #A15976 #AE7089 #71AF96

Analogous Palette

#628464 #6A906E #55987D #5AA285 #6A8C90 #759699

Triadic Palette

#4F8F75 #5AA285 #874CAE #9561B8 #AE874C #997743

Split Complementary Palette

#519278 #5AA285 #A1599A #AA6AA4 #A16059 #915650

Square Palette

#4C8870 #5AA285 #6A6595 #956578 #9AA159 #AAB074

Tetradic Palette

#4A856D #5AA285 #4271B8 #A15976 #B88942 #C59E64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA285 contains 90 red, 162 green, and 133 blue.

Contrast Ratio: 2.98:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.05:1