#5669C7 Color

Color Information

HEX	#5669C7
RGB	86, 105, 199
HSL	230° , 50% , 56%
HSV	230° , 57% , 78%
CMYK	57%, 47%, 0%, 22%

Lighter Shades

#6A7BCE #7F8DD4 #939FDB #A7B1E2 #BBC3E9 #D0D5EF

Darker Shades

#4C5CAF #415097 #37437F #2D3767 #222A50 #181D38

Complementary Palette

#4A5AAB #5669C7 #AB9B4B #C7B457 #CFBF6F #6E7ECF

Analogous Palette

#6A8EA0 #6D9AB0 #5163BB #5669C7 #846DB0 #8C77B6

Triadic Palette

#4C5CAF #5669C7 #D24B62 #D76175 #62D24B #56B942

Split Complementary Palette

#4D5FB3 #5669C7 #C77C57 #CD8968 #A2C757 #92B34E

Square Palette

#4858A7 #5669C7 #BC629E #BCAD62 #57C77C #72D091

Tetradic Palette

#4756A3 #5669C7 #C243DB #C7B457 #5CDB43 #79E165

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5669C7 contains 86 red, 105 green, and 199 blue.

Contrast Ratio: 4.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.26:1