#5B5986 Color

Color Information

HEX#5B5986
RGB91, 89, 134
HSL243° , 20% , 44%
HSV243° , 34% , 53%
CMYK32%, 34%, 0%, 47%

Lighter Shades

#6F6D95 #8281A3 #9695B2 #AAA9C0 #BDBDCF #D1D1DD

Darker Shades

#504E76 #454466 #3A3956 #2F2E46 #242436 #191926

Complementary Palette

#4E4D73 #5B5986 #72744D #84875A #959871 #727097

Analogous Palette

#596678 #5F6F81 #56547E #5B5986 #715F81 #7E6A90

Triadic Palette

#504E76 #5B5986 #92524F #9F6764 #4F9252 #468048

Split Complementary Palette

#525079 #5B5986 #87725A #93806B #6E875A #637A51

Square Palette

#4C4B71 #5B5986 #815F6F #7F815F #5A8772 #749A89

Tetradic Palette

#4B496E #5B5986 #9B4695 #84875A #469B4A #67AD6B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B5986 contains 91 red, 89 green, and 134 blue.

Contrast Ratio: 6.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1