#5563DF Color

Color Information

HEX	#5563DF
RGB	85, 99, 223
HSL	234° , 68% , 60%
HSV	234° , 62% , 87%
CMYK	62%, 56%, 0%, 13%

Lighter Shades

#6976E3 #7E88E7 #929BEB #A7AEEE #BBC1F2 #CFD3F6

Darker Shades

#4B57C4 #414BA9 #363F8F #2C3374 #222859 #181C3E

Complementary Palette

#4955C0 #5563DF #BFB348 #DED054 #E3D76C #6D79E3

Analogous Palette

#6494B4 #68A3CA #505DD2 #5563DF #8F68CA #9873CE

Triadic Palette

#4B57C4 #5563DF #E94959 #EC5F6D #59E949 #4ECD40

Split Complementary Palette

#4D59C9 #5563DF #DE8B54 #E19765 #A7DE54 #96C84C

Square Palette

#4753BB #5563DF #D45EA5 #D4C85E #54DE8B #6FE39E

Tetradic Palette

#4651B7 #5563DF #DF41F1 #DED054 #53F141 #72F463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5563DF contains 85 red, 99 green, and 223 blue.

Contrast Ratio: 4.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.24:1