#5631E0 Color

Color Information

HEX	#5631E0
RGB	86, 49, 224
HSL	253° , 74% , 54%
HSV	253° , 78% , 88%
CMYK	62%, 78%, 0%, 12%

Lighter Shades

#6A4AE4 #7F62E7 #937BEB #A794EF #BBADF3 #D0C5F6

Darker Shades

#4C2BC5 #4125AA #371F8F #2D1974 #22145A #180E3F

Complementary Palette

#4A2AC1 #5631E0 #A1C22C #BBE133 #C5E550 #6E4EE4

Analogous Palette

#4968B6 #4A6EC9 #512ED3 #5631E0 #A54AC9 #AD5ACE

Triadic Palette

#4C2BC5 #5631E0 #EC5227 #EE6741 #27EC52 #22D048

Split Complementary Palette

#4D2CCA #5631E0 #E1AF33 #E4B747 #64E133 #5ACB2E

Square Palette

#4829BC #5631E0 #D53F69 #B4D53F #33E1AF #54E6BC

Tetradic Palette

#4728B8 #5631E0 #F61EC7 #BBE133 #1EF64D #47F86D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5631E0 contains 86 red, 49 green, and 224 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1