#5A685B Color

Color Information

HEX#5A685B
RGB90, 104, 91
HSL124° , 7% , 38%
HSV124° , 13% , 41%
CMYK13%, 0%, 13%, 59%

Lighter Shades

#6E7A6F #828C82 #959E96 #A9B0AA #BDC3BD #D1D5D1

Darker Shades

#4F5C50 #444F45 #3A433A #2F362F #242A24 #191D19

Complementary Palette

#4D594E #5A685B #594D59 #685A67 #7D717C #717D72

Analogous Palette

#56674C #5F6F52 #556256 #5A685B #526F63 #5D7E71

Triadic Palette

#4F5C50 #5A685B #535071 #686582 #715350 #634946

Split Complementary Palette

#515E52 #5A685B #625A68 #726B77 #685A60 #5E5156

Square Palette

#4C574C #5A685B #525F6F #6F526D #68625A #807B74

Tetradic Palette

#4A554B #5A685B #497679 #685A67 #794C49 #916C6A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A685B contains 90 red, 104 green, and 91 blue.

Contrast Ratio: 5.89:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.57:1