#5648C4 Color

Color Information

HEX	#5648C4
RGB	86, 72, 196
HSL	247° , 51% , 53%
HSV	247° , 63% , 77%
CMYK	56%, 63%, 0%, 23%

Lighter Shades

#6A5ECB #7F74D2 #938AD9 #A7A0E0 #BBB6E7 #D0CCEE

Darker Shades

#4C3FAC #413795 #372E7D #2D2566 #221D4E #181437

Complementary Palette

#4A3EA9 #5648C4 #9DA940 #B6C44A #C0CC63 #6E62CC

Analogous Palette

#5E769C #627EAC #5144B8 #5648C4 #9062AC #996FB3

Triadic Palette

#4C3FAC #5648C4 #D04F3E #D66455 #3ED04F #37B746

Split Complementary Palette

#4D41B0 #5648C4 #C4954A #CAA05C #79C44A #6DB043

Square Palette

#483CA5 #5648C4 #B8567C #ADB856 #4AC495 #67CDA6

Tetradic Palette

#473BA1 #5648C4 #DA34C7 #B6C44A #34DA48 #59E169

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5648C4 contains 86 red, 72 green, and 196 blue.

Contrast Ratio: 6.81:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.08:1