#5A63ED Color

Color Information

HEX	#5A63ED
RGB	90, 99, 237
HSL	236° , 80% , 64%
HSV	236° , 62% , 93%
CMYK	62%, 58%, 0%, 7%

Lighter Shades

#6E76EF #8288F1 #959BF3 #A9AEF6 #BDC1F8 #D1D3FA

Darker Shades

#4F57D1 #444BB4 #3A3F98 #2F337B #24285F #191C42

Complementary Palette

#4D55CC #5A63ED #CCC34D #EDE35A #F0E771 #7179F0

Analogous Palette

#679DC5 #6CABDA #555DDF #5A63ED #9C6CDA #A478DD

Triadic Palette

#4F57D1 #5A63ED #F6515C #F76670 #5CF651 #51D847

Split Complementary Palette

#5159D5 #5A63ED #ED995A #EFA36B #ADED5A #9CD551

Square Palette

#4C53C7 #5A63ED #E363AC #E3DB63 #5AED99 #74F0A9

Tetradic Palette

#4A51C2 #5A63ED #F149FD #EDE35A #55FD49 #74FD6A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5A63ED contains 90 red, 99 green, and 237 blue.

Contrast Ratio: 4.73:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.44:1