#5649BC Color

Color Information

HEX#5649BC
RGB86, 73, 188
HSL247° , 46% , 51%
HSV247° , 61% , 74%
CMYK54%, 61%, 0%, 26%

Lighter Shades

#6A5FC4 #7F75CC #938BD4 #A7A0DC #BBB6E4 #D0CCEC

Darker Shades

#4C40A5 #41378F #372F78 #2D2662 #221D4B #181435

Complementary Palette

#4A3FA2 #5649BC #96A23F #AEBC49 #B9C562 #6E62C5

Analogous Palette

#5B7195 #627AA3 #5145B1 #5649BC #8A62A3 #936EAA

Triadic Palette

#4C40A5 #5649BC #C84C3C #CF6153 #3CC84C #35B043

Split Complementary Palette

#4D42A9 #5649BC #BC8F49 #C39A5B #75BC49 #69A942

Square Palette

#483D9E #5649BC #AF5578 #A5AF55 #49BC8F #66C7A1

Tetradic Palette

#473C9A #5649BC #D232BF #AEBC49 #32D245 #57DA66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5649BC contains 86 red, 73 green, and 188 blue.

Contrast Ratio: 6.91:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1