#5B887D Color

Color Information

HEX#5B887D
RGB91, 136, 125
HSL165° , 20% , 45%
HSV165° , 33% , 53%
CMYK33%, 0%, 8%, 47%

Lighter Shades

#6F968D #82A59C #96B3AC #AAC1BB #BDCFCB #D1DEDB

Darker Shades

#50786E #45675F #3A5750 #2F4741 #243632 #192623

Complementary Palette

#4E756C #5B887D #774F59 #8A5C67 #9A737C #72998F

Analogous Palette

#5B7B63 #62846A #568076 #5B887D #627B84 #6A8690

Triadic Palette

#50786E #5B887D #835095 #9265A2 #958350 #837346

Split Complementary Palette

#527A71 #5B887D #8A5C7E #966C8B #8A675C #7C5D53

Square Palette

#4C7269 #5B887D #6A6284 #84626A #7E8A5C #939D76

Tetradic Palette

#4B7067 #5B887D #475B9E #8A5C67 #9E8747 #AF9D68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B887D contains 91 red, 136 green, and 125 blue.

Contrast Ratio: 3.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.33:1