#5B5A86 Color

Color Information

HEX#5B5A86
RGB91, 90, 134
HSL241° , 20% , 44%
HSV241° , 33% , 53%
CMYK32%, 33%, 0%, 47%

Lighter Shades

#6F6E95 #8282A3 #9695B2 #AAA9C0 #BDBDCF #D1D1DD

Darker Shades

#504F76 #454466 #3A3A56 #2F2F46 #242436 #191926

Complementary Palette

#4E4D73 #5B5A86 #73744D #86875A #979871 #727197

Analogous Palette

#596878 #5F6F81 #56557E #5B5A86 #715F81 #7D6A90

Triadic Palette

#504F76 #5B5A86 #92504F #9F6564 #4F9250 #468046

Split Complementary Palette

#525179 #5B5A86 #87715A #937F6B #6F875A #647A51

Square Palette

#4C4C71 #5B5A86 #815F6F #80815F #5A8771 #749A88

Tetradic Palette

#4B4A6E #5B5A86 #9B4699 #86875A #469B47 #67AD68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B5A86 contains 91 red, 90 green, and 134 blue.

Contrast Ratio: 6.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1