#5D80C6 Color

Color Information

HEX	#5D80C6
RGB	93, 128, 198
HSL	220° , 48% , 57%
HSV	220° , 53% , 78%
CMYK	53%, 35%, 0%, 22%

Lighter Shades

#708FCD #849ED4 #97AEDB #ABBDE1 #BECCE8 #D2DBEF

Darker Shades

#5271AE #476196 #3C527F #304367 #25334F #1A2437

Complementary Palette

#506EAA #5D80C6 #AA8C50 #C6A35D #CEB074 #7492CE

Analogous Palette

#6F979F #73A6B0 #5778BA #5D80C6 #7D73B0 #8980B7

Triadic Palette

#5271AE #5D80C6 #D1527C #D7678C #7CD152 #6DB848

Split Complementary Palette

#5473B2 #5D80C6 #C66E5D #CC7D6D #B4C65D #A2B254

Square Palette

#4E6CA6 #5D80C6 #BB68AD #BB9F68 #5DC66E #77CF85

Tetradic Palette

#4C69A2 #5D80C6 #A949DA #C6A35D #79DA49 #91E16A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5D80C6 contains 93 red, 128 green, and 198 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