#5B896D Color

Color Information

HEX#5B896D
RGB91, 137, 109
HSL143° , 20% , 45%
HSV143° , 34% , 54%
CMYK34%, 0%, 20%, 46%

Lighter Shades

#6F977F #82A590 #96B3A2 #AAC2B3 #BDD0C5 #D1DED6

Darker Shades

#507960 #456853 #3A5846 #2F4739 #24372C #19261F

Complementary Palette

#4E765E #5B896D #774F67 #8A5C78 #9A738B #729A81

Analogous Palette

#5E7B5B #668462 #568166 #5B896D #62847F #6A908B

Triadic Palette

#507960 #5B896D #6A5095 #7C65A2 #956A50 #835D46

Split Complementary Palette

#527B62 #5B896D #845C8A #906C96 #8A5C61 #7C5357

Square Palette

#4C735C #5B896D #626684 #846277 #8A845C #9D9876

Tetradic Palette

#4B7059 #5B896D #477D9E #8A5C78 #9E6747 #AF8268

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B896D contains 91 red, 137 green, and 109 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.31:1