#5C80D3 Color

Color Information

HEX	#5C80D3
RGB	92, 128, 211
HSL	222° , 57% , 59%
HSV	222° , 56% , 83%
CMYK	56%, 39%, 0%, 17%

Lighter Shades

#708FD8 #839EDE #97AEE3 #AABDE8 #BECCED #D1DBF3

Darker Shades

#5171BA #4661A0 #3B5287 #30436E #253354 #1A243B

Complementary Palette

#4F6EB5 #5C80D3 #B5964E #D2AE5B #D8B972 #7392D9

Analogous Palette

#6A9DA9 #70AEBD #5678C6 #5C80D3 #7F70BD #897AC2

Triadic Palette

#5171BA #5C80D3 #DC507A #E0658A #7ADC50 #6BC246

Split Complementary Palette

#5373BE #5C80D3 #D2735B #D7816B #BAD25B #A7BD52

Square Palette

#4D6CB1 #5C80D3 #C865B4 #C8AA65 #5BD273 #75D989

Tetradic Palette

#4B69AD #5C80D3 #B648E5 #D2AE5B #77E548 #8FEA69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C80D3 contains 92 red, 128 green, and 211 blue.

Contrast Ratio: 3.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.54:1