#5648CC Color

Color Information

HEX	#5648CC
RGB	86, 72, 204
HSL	246° , 56% , 54%
HSV	246° , 65% , 80%
CMYK	58%, 65%, 0%, 20%

Lighter Shades

#6A5ED2 #7F74D8 #938ADE #A7A0E4 #BBB6EB #D0CCF1

Darker Shades

#4C3FB4 #41379B #372E83 #2D256A #221D52 #181439

Complementary Palette

#4A3EAF #5648CC #A3AF3E #BECB48 #C7D262 #6E62D3

Analogous Palette

#5C78A3 #5F81B4 #5144C0 #5648CC #925FB4 #9C6DBA

Triadic Palette

#4C3FB4 #5648CC #D74C3C #DC6153 #3CD74C #35BD43

Split Complementary Palette

#4D41B8 #5648CC #CB9748 #D0A15A #7DCB48 #71B741

Square Palette

#483CAB #5648CC #C0547F #B5C054 #48CB97 #65D3A8

Tetradic Palette

#473BA7 #5648CC #E133CF #BECB48 #33E144 #58E666

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5648CC contains 86 red, 72 green, and 204 blue.

Contrast Ratio: 6.65:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.16:1