#5680CE Color

Color Information

HEX	#5680CE
RGB	86, 128, 206
HSL	219° , 55% , 57%
HSV	219° , 58% , 81%
CMYK	58%, 38%, 0%, 19%

Lighter Shades

#6A8FD4 #7F9EDA #93AEE0 #A7BDE6 #BBCCEB #D0DBF1

Darker Shades

#4C71B5 #41619D #375284 #2D436B #223352 #18243A

Complementary Palette

#4A6EB1 #5680CE #B18C49 #CEA355 #D5B06D #6E92D5

Analogous Palette

#689DA6 #6BACB8 #5178C2 #5680CE #766BB8 #8379BE

Triadic Palette

#4C71B5 #5680CE #D94A7C #DE608C #7CD94A #6DBF41

Split Complementary Palette

#4D73B9 #5680CE #CE6755 #D37666 #BCCE55 #A9B94D

Square Palette

#486CAD #5680CE #C360B4 #C3A060 #55CE67 #70D67F

Tetradic Palette

#4769A9 #5680CE #A941E1 #CEA355 #79E141 #91E663

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5680CE contains 86 red, 128 green, and 206 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.43:1