#5664D4 Color

Color Information

HEX#5664D4
RGB86, 100, 212
HSL233° , 59% , 58%
HSV233° , 59% , 83%
CMYK59%, 53%, 0%, 17%

Lighter Shades

#6A77D9 #7F89DE #939CE3 #A7AEE9 #BBC1EE #D0D4F3

Darker Shades

#4C58BB #414CA1 #374088 #2D346E #222855 #181C3B

Complementary Palette

#4A56B6 #5664D4 #B5A949 #D3C455 #D9CC6D #6E7ADA

Analogous Palette

#648FAA #6A9EBE #515EC7 #5664D4 #8A6ABE #9578C4

Triadic Palette

#4C58BB #5664D4 #DE4A5B #E2606F #5BDE4A #50C341

Split Complementary Palette

#4D5ABF #5664D4 #D38555 #D79166 #A3D355 #93BE4D

Square Palette

#4854B2 #5664D4 #C85FA0 #C8BC5F #55D385 #70DA99

Tetradic Palette

#4752AE #5664D4 #D341E6 #D3C455 #55E641 #74EB63

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5664D4 contains 86 red, 100 green, and 212 blue.

Contrast Ratio: 5.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.18:1