#5A896B Color

Color Information

HEX	#5A896B
RGB	90, 137, 107
HSL	142° , 21% , 45%
HSV	142° , 34% , 54%
CMYK	34%, 0%, 22%, 46%

Lighter Shades

#6E977D #82A58F #95B3A0 #A9C2B2 #BDD0C4 #D1DED6

Darker Shades

#4F795E #446851 #3A5844 #2F4738 #24372B #19261E

Complementary Palette

#4D765C #5A896B #784E68 #8B5B79 #9B728C #719A80

Analogous Palette

#5F7B5B #668462 #558165 #5A896B #62847F #6A908B

Triadic Palette

#4F795E #5A896B #684F96 #7A64A3 #96684F #845C46

Split Complementary Palette

#517B60 #5A896B #845B8B #906B97 #8B5B61 #7D5257

Square Palette

#4C735A #5A896B #626684 #846277 #8B845B #9E9875

Tetradic Palette

#4A7058 #5A896B #467DA0 #8B5B79 #A06546 #B18167

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A896B contains 90 red, 137 green, and 107 blue.

Contrast Ratio: 3.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.29:1