#5680C4 Color

Color Information

HEX#5680C4
RGB86, 128, 196
HSL217° , 48% , 55%
HSV217° , 56% , 77%
CMYK56%, 35%, 0%, 23%

Lighter Shades

#6A8FCB #7F9ED2 #93AED9 #A7BDE0 #BBCCE7 #D0DBEE

Darker Shades

#4C71AC #416195 #37527D #2D4366 #22334E #182437

Complementary Palette

#4A6EA9 #5680C4 #A88449 #C39955 #CBA76D #6E92CC

Analogous Palette

#669399 #6CA5AC #5178B8 #5680C4 #746CAC #8079B4

Triadic Palette

#4C71AC #5680C4 #CF4A7D #D5608D #7DCF4A #6EB641

Split Complementary Palette

#4D73B0 #5680C4 #C36255 #C97266 #B6C355 #A4B04D

Square Palette

#486CA5 #5680C4 #B861AE #B89661 #55C362 #70CD7B

Tetradic Palette

#4769A1 #5680C4 #9E41D8 #C39955 #7BD841 #93DF63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5680C4 contains 86 red, 128 green, and 196 blue.

Contrast Ratio: 3.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.34:1