#5B6997 Color

Color Information

HEX#5B6997
RGB91, 105, 151
HSL226° , 25% , 47%
HSV226° , 40% , 59%
CMYK40%, 30%, 0%, 41%

Lighter Shades

#6F7BA3 #828DB0 #969FBC #AAB1C9 #BDC3D5 #D1D5E2

Darker Shades

#505C85 #455073 #3A4361 #2F374F #242A3C #191D2A

Complementary Palette

#4E5A82 #5B6997 #81754D #96885A #A59971 #727EA6

Analogous Palette

#5D757E #66808A #56638E #5B6997 #6F668A #796F95

Triadic Palette

#505C85 #5B6997 #A24E61 #AD6374 #61A24E #558F45

Split Complementary Palette

#525F88 #5B6997 #966A5A #A1796B #86965A #798751

Square Palette

#4C587F #5B6997 #8A6680 #8A8166 #5A966A #74A782

Tetradic Palette

#4B567C #5B6997 #9344AB #96885A #5CAB44 #79BA66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B6997 contains 91 red, 105 green, and 151 blue.

Contrast Ratio: 5.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.93:1