#5A6ABA Color

Color Information

HEX	#5A6ABA
RGB	90, 106, 186
HSL	230° , 41% , 54%
HSV	230° , 52% , 73%
CMYK	52%, 43%, 0%, 27%

Lighter Shades

#6E7CC2 #828ECB #95A0D3 #A9B2DB #BDC3E3 #D1D5EC

Darker Shades

#4F5DA4 #44518D #3A4477 #2F3761 #242A4A #191E34

Complementary Palette

#4D5BA0 #5A6ABA #A0924D #BAAA5A #C4B671 #717FC4

Analogous Palette

#6C8693 #7192A2 #5564AF #5A6ABA #8171A2 #8C7DAA

Triadic Palette

#4F5DA4 #5A6ABA #C64E62 #CD6375 #62C64E #56AE45

Split Complementary Palette

#515FA7 #5A6ABA #BA7A5A #C1876B #9ABA5A #8BA751

Square Palette

#4C599C #5A6ABA #AE6596 #AEA265 #5ABA7A #74C58F

Tetradic Palette

#4A5799 #5A6ABA #B844CF #BAAA5A #5CCF44 #79D866

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A6ABA contains 90 red, 106 green, and 186 blue.

Contrast Ratio: 4.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.23:1