#5A895F Color

Color Information

HEX#5A895F
RGB90, 137, 95
HSL126° , 21% , 45%
HSV126° , 34% , 54%
CMYK34%, 0%, 31%, 46%

Lighter Shades

#6E9772 #82A585 #95B399 #A9C2AC #BDD0BF #D1DED2

Darker Shades

#4F7954 #446848 #3A583D #2F4731 #243726 #19261B

Complementary Palette

#4D7652 #5A895F #784E73 #8B5B86 #9B7297 #719A75

Analogous Palette

#677B5B #6F8462 #558159 #5A895F #628476 #6A9081

Triadic Palette

#4F7954 #5A895F #554F96 #6964A3 #96554F #844B46

Split Complementary Palette

#517B56 #5A895F #785B8B #866B97 #8B5B6E #7D5263

Square Palette

#4C7350 #5A895F #626F84 #846281 #8B785B #9E8E75

Tetradic Palette

#4A704E #5A895F #4697A0 #8B5B86 #A04D46 #B16D67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A895F contains 90 red, 137 green, and 95 blue.

Contrast Ratio: 4.01:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.24:1