#5569DF Color

Color Information

HEX	#5569DF
RGB	85, 105, 223
HSL	231° , 68% , 60%
HSV	231° , 62% , 87%
CMYK	62%, 53%, 0%, 13%

Lighter Shades

#697BE3 #7E8DE7 #929FEB #A7B1EE #BBC3F2 #CFD5F6

Darker Shades

#4B5CC4 #4150A9 #36438F #2C3774 #222A59 #181D3E

Complementary Palette

#495AC0 #5569DF #BFAE48 #DECA54 #E3D16C #6D7EE3

Analogous Palette

#6498B4 #68A8CA #5063D2 #5569DF #8A68CA #9373CE

Triadic Palette

#4B5CC4 #5569DF #E94961 #EC5F74 #61E949 #55CD40

Split Complementary Palette

#4D5FC9 #5569DF #DE8454 #E19065 #AEDE54 #9DC84C

Square Palette

#4758BB #5569DF #D45EAB #D4C25E #54DE84 #6FE398

Tetradic Palette

#4656B7 #5569DF #D641F1 #DECA54 #5CF141 #79F463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5569DF contains 85 red, 105 green, and 223 blue.

Contrast Ratio: 4.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.49:1