#5B689F Color

Color Information

HEX#5B689F
RGB91, 104, 159
HSL229° , 27% , 49%
HSV229° , 43% , 62%
CMYK43%, 35%, 0%, 38%

Lighter Shades

#6F7AAB #828CB6 #969EC2 #AAB0CD #BDC3D9 #D1D5E4

Darker Shades

#505C8C #454F79 #3A4366 #2F3653 #242A40 #191D2D

Complementary Palette

#4E5989 #5B689F #897E4E #9F925B #ACA172 #727DAC

Analogous Palette

#627984 #6A8490 #566295 #5B689F #766A90 #817599

Triadic Palette

#505C8C #5B689F #AB4F60 #B56473 #60AB4F #549646

Split Complementary Palette

#525E8F #5B689F #9F715B #A97F6B #899F5B #7B8F52

Square Palette

#4C5786 #5B689F #926885 #928A68 #5B9F71 #75AE88

Tetradic Palette

#4B5582 #5B689F #A145B5 #9F925B #59B545 #77C266

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B689F contains 91 red, 104 green, and 159 blue.

Contrast Ratio: 5.33:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.94:1