#5B687B Color

Color Information

HEX	#5B687B
RGB	91, 104, 123
HSL	216° , 15% , 42%
HSV	216° , 26% , 48%
CMYK	26%, 15%, 0%, 52%

Lighter Shades

#6F7A8B #828C9B #969EAB #AAB0BA #BDC3CA #D1D5DA

Darker Shades

#505C6C #454F5D #3A434F #2F3640 #242A31 #191D22

Complementary Palette

#4E596A #5B687B #6A5F4E #7B6E5B #8D8272 #727D8D

Analogous Palette

#556F72 #5B787B #566274 #5B687B #5E5B7B #69668A

Triadic Palette

#505C6C #5B687B #865066 #956578 #668650 #5A7646

Split Complementary Palette

#525E6F #5B687B #7B5E5B #886E6B #787B5B #6C6F52

Square Palette

#4C5767 #5B687B #7B5B78 #7B6E5B #5B7B5E #759078

Tetradic Palette

#4B5565 #5B687B #72488E #7B6E5B #648E48 #80A269

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B687B contains 91 red, 104 green, and 123 blue.

Contrast Ratio: 5.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1