#5B6B80 Color

Color Information

HEX#5B6B80
RGB91, 107, 128
HSL214° , 17% , 43%
HSV214° , 29% , 50%
CMYK29%, 16%, 0%, 50%

Lighter Shades

#6F7D8F #828F9E #96A0AE #AAB2BD #BDC4CC #D1D6DB

Darker Shades

#505E71 #455161 #3A4452 #2F3843 #242B33 #191E24

Complementary Palette

#4E5C6E #5B6B80 #6E604E #80705B #928472 #728092

Analogous Palette

#577375 #5D7C7E #566578 #5B6B80 #5F5D7E #68668A

Triadic Palette

#505E71 #5B6B80 #8B506A #99657C #6A8B50 #5D7A46

Split Complementary Palette

#526073 #5B6B80 #805D5B #8D6D6B #7E805B #717352

Square Palette

#4C5A6C #5B6B80 #7E5D7C #7E705D #5B805D #759477

Tetradic Palette

#4B5869 #5B6B80 #734794 #80705B #699447 #84A768

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6B80 contains 91 red, 107 green, and 128 blue.

Contrast Ratio: 5.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.87:1