#5B60AA Color

Color Information

HEX	#5B60AA
RGB	91, 96, 170
HSL	236° , 32% , 51%
HSV	236° , 46% , 67%
CMYK	46%, 44%, 0%, 33%

Lighter Shades

#6F73B4 #8286BE #9699C9 #AAACD3 #BDBFDD #D1D2E7

Darker Shades

#505496 #454981 #3A3D6D #2F3258 #242644 #191B30

Complementary Palette

#4E5392 #5B60AA #928E4D #AAA55A #B6B271 #7276B6

Analogous Palette

#667A8A #6F8595 #565AA0 #5B60AA #806F95 #8A7B9D

Triadic Palette

#505496 #5B60AA #B74E55 #C06369 #55B74E #4BA145

Split Complementary Palette

#525699 #5B60AA #AA7D5A #B38A6B #87AA5A #7A9951

Square Palette

#4C518F #5B60AA #9E6786 #9E9A67 #5AAA7D #74B892

Tetradic Palette

#4B4F8B #5B60AA #B844C1 #AAA55A #4CC144 #6CCC66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B60AA contains 91 red, 96 green, and 170 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1