#5B689A Color

Color Information

HEX#5B689A
RGB91, 104, 154
HSL228° , 26% , 48%
HSV228° , 41% , 60%
CMYK41%, 32%, 0%, 40%

Lighter Shades

#6F7AA6 #828CB2 #969EBE #AAB0CA #BDC3D7 #D1D5E3

Darker Shades

#505C88 #454F75 #3A4363 #2F3650 #242A3E #191D2B

Complementary Palette

#4E5984 #5B689A #84794E #9A8D5B #A89D72 #727DA8

Analogous Palette

#5F7681 #68828D #566291 #5B689A #73688D #7E7297

Triadic Palette

#505C88 #5B689A #A64E5E #B16371 #5EA64E #539245

Split Complementary Palette

#525E8B #5B689A #9A6E5B #A47D6B #879A5B #7A8B52

Square Palette

#4C5781 #5B689A #8E6782 #8E8667 #5B9A6E #75AA85

Tetradic Palette

#4B557E #5B689A #9B45B0 #9A8D5B #58B045 #76BE66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B689A contains 91 red, 104 green, and 154 blue.

Contrast Ratio: 5.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.91:1