#5B4F60 Color

Color Information

HEX#5B4F60
RGB91, 79, 96
HSL282° , 10% , 34%
HSV282° , 18% , 38%
CMYK5%, 18%, 0%, 62%

Lighter Shades

#6F6473 #827986 #968E99 #AAA3AC #BDB9BF #D1CED2

Darker Shades

#504654 #453C49 #3A333D #2F2932 #242026 #19161B

Complementary Palette

#4E4453 #5B4F60 #475243 #535F4E #6B7567 #726876

Analogous Palette

#48435B #4E4A64 #564A5A #5B4F60 #644A5F #72556D

Triadic Palette

#504654 #5B4F60 #685E45 #7A715B #45685E #3D5C53

Split Complementary Palette

#524756 #5B4F60 #5C5F4E #6C6F60 #4E5F51 #465649

Square Palette

#4C4251 #5B4F60 #644E4A #51644A #4E5C5F #6A7679

Tetradic Palette

#4B414F #5B4F60 #6F3E4D #535F4E #3E6F60 #61897D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B4F60 contains 91 red, 79 green, and 96 blue.

Contrast Ratio: 7.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1