#5C63E6 Color

Color Information

HEX	#5C63E6
RGB	92, 99, 230
HSL	237° , 73% , 63%
HSV	237° , 60% , 90%
CMYK	60%, 57%, 0%, 10%

Lighter Shades

#7076E9 #8388EC #979BEF #AAAEF2 #BEC1F5 #D1D3F8

Darker Shades

#5157CA #464BAF #3B3F93 #303378 #25285C #1A1C40

Complementary Palette

#4F55C6 #5C63E6 #C6C04F #E6DF5C #EAE373 #7379EA

Analogous Palette

#6998BF #6FA6D3 #565DD8 #5C63E6 #9C6FD3 #A47AD6

Triadic Palette

#5157CA #5C63E6 #EF525A #F1676E #5AEF52 #4FD248

Split Complementary Palette

#5359CF #5C63E6 #E69A5C #E9A46C #A8E65C #97CF53

Square Palette

#4D53C1 #5C63E6 #DC65A7 #DCD665 #5CE69A #76EAAA

Tetradic Palette

#4B51BD #5C63E6 #EE4BF7 #E6DF5C #53F74B #72F86B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5C63E6 contains 92 red, 99 green, and 230 blue.

Contrast Ratio: 4.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.39:1