#5578D9 Color

Color Information

HEX#5578D9
RGB85, 120, 217
HSL224° , 63% , 59%
HSV224° , 61% , 85%
CMYK61%, 45%, 0%, 15%

Lighter Shades

#6988DE #7E98E2 #92A9E7 #A7B9EB #BBC9F0 #CFD9F4

Darker Shades

#4B6ABF #415BA5 #364D8B #2C3E71 #223057 #18223D

Complementary Palette

#4967BB #5578D9 #BA9C49 #D8B555 #DDBF6D #6D8BDE

Analogous Palette

#649EAF #69AEC3 #5071CC #5578D9 #7E69C3 #8874C8

Triadic Palette

#4B6ABF #5578D9 #E34A73 #E66084 #73E34A #65C841

Split Complementary Palette

#4D6CC3 #5578D9 #D87355 #DC8166 #BAD855 #A7C24D

Square Palette

#4765B6 #5578D9 #CE5FB4 #CEB05F #55D873 #70DE89

Tetradic Palette

#4662B2 #5578D9 #BE42EB #D8B555 #6FEB42 #89EF64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5578D9 contains 85 red, 120 green, and 217 blue.

Contrast Ratio: 4.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.12:1