#5A60B9 Color

Color Information

HEX#5A60B9
RGB90, 96, 185
HSL236° , 40% , 54%
HSV236° , 51% , 73%
CMYK51%, 48%, 0%, 27%

Lighter Shades

#6E73C1 #8286CA #9599D2 #A9ACDB #BDBFE3 #D1D2EB

Darker Shades

#4F54A3 #44498D #3A3D76 #2F3260 #24264A #191B34

Complementary Palette

#4D539F #5A60B9 #9F994E #B9B25B #C3BD72 #7176C3

Analogous Palette

#6C8193 #728DA1 #555AAE #5A60B9 #8772A1 #917EA9

Triadic Palette

#4F54A3 #5A60B9 #C44F57 #CB646B #57C44F #4DAC46

Split Complementary Palette

#5156A7 #5A60B9 #B9835B #C08F6B #90B95B #82A752

Square Palette

#4C519B #5A60B9 #AD678E #ADA867 #5BB983 #75C497

Tetradic Palette

#4A4F98 #5A60B9 #C546CE #B9B25B #4FCE46 #6FD767

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A60B9 contains 90 red, 96 green, and 185 blue.

Contrast Ratio: 5.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.81:1