#5A62CD Color

Color Information

HEX	#5A62CD
RGB	90, 98, 205
HSL	236° , 53% , 58%
HSV	236° , 56% , 80%
CMYK	56%, 52%, 0%, 20%

Lighter Shades

#6E75D3 #8288D9 #959BDF #A9ADE5 #BDC0EB #D1D3F1

Darker Shades

#4F56B4 #444A9C #3A3F83 #2F336B #242752 #191B39

Complementary Palette

#4D54B0 #5A62CD #B0A94E #CDC55B #D4CD72 #7178D4

Analogous Palette

#6E8DA6 #7199B7 #555CC1 #5A62CD #8F71B7 #977BBC

Triadic Palette

#4F56B4 #5A62CD #D75059 #DC656D #59D750 #4EBD46

Split Complementary Palette

#5158B9 #5A62CD #CD8C5B #D2986B #9BCD5B #8CB952

Square Palette

#4C52AC #5A62CD #C2669A #C2BC66 #5BCD8C #75D59E

Tetradic Palette

#4A50A8 #5A62CD #D648E0 #CDC55B #52E048 #71E669

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A62CD contains 90 red, 98 green, and 205 blue.

Contrast Ratio: 5.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.07:1