#5A6D50 Color

Color Information

HEX#5A6D50
RGB90, 109, 80
HSL99° , 15% , 37%
HSV99° , 27% , 43%
CMYK17%, 0%, 27%, 57%

Lighter Shades

#6E7F65 #82907A #95A28F #A9B3A4 #BDC5B9 #D1D6CE

Darker Shades

#4F6046 #44533D #3A4633 #2F392A #242C20 #191F16

Complementary Palette

#4D5E45 #5A6D50 #55455E #63506D #796981 #718169

Analogous Palette

#60644A #686D50 #55664B #5A6D50 #506D54 #5B7B60

Triadic Palette

#4F6046 #5A6D50 #475776 #5D6B86 #764757 #683E4D

Split Complementary Palette

#516248 #5A6D50 #54506D #65627C #6D5068 #62485E

Square Palette

#4C5C43 #5A6D50 #50686D #63506D #6D5450 #846F6C

Tetradic Palette

#4A5942 #5A6D50 #3F7D68 #63506D #7D3F55 #946274

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6D50 contains 90 red, 109 green, and 80 blue.

Contrast Ratio: 5.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.75:1