#5B60AE Color

Color Information

HEX	#5B60AE
RGB	91, 96, 174
HSL	236° , 34% , 52%
HSV	236° , 48% , 68%
CMYK	48%, 45%, 0%, 32%

Lighter Shades

#6F73B8 #8286C1 #9699CB #AAACD5 #BDBFDF #D1D2E8

Darker Shades

#505499 #454984 #3A3D6F #2F325A #242646 #191B31

Complementary Palette

#4E5396 #5B60AE #96914E #AEA95B #B9B572 #7276B9

Analogous Palette

#687D8D #728797 #565AA4 #5B60AE #827297 #8D7EA0

Triadic Palette

#505499 #5B60AE #BA4F56 #C2646A #56BA4F #4CA446

Split Complementary Palette

#52569D #5B60AE #AE7F5B #B68C6B #8AAE5B #7C9D52

Square Palette

#4C5192 #5B60AE #A26789 #A29E67 #5BAE7F #75BB93

Tetradic Palette

#4B4F8F #5B60AE #BC45C4 #AEA95B #4DC445 #6DCF66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B60AE contains 91 red, 96 green, and 174 blue.

Contrast Ratio: 5.63:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.73:1