#5B80D2 Color

Color Information

HEX	#5B80D2
RGB	91, 128, 210
HSL	221° , 57% , 59%
HSV	221° , 57% , 82%
CMYK	57%, 39%, 0%, 18%

Lighter Shades

#6F8FD7 #829EDD #96AEE2 #AABDE8 #BDCCED #D1DBF2

Darker Shades

#5071B9 #4561A0 #3A5286 #2F436D #243354 #19243B

Complementary Palette

#4E6EB5 #5B80D2 #B5944E #D2AC5B #D8B872 #7292D8

Analogous Palette

#6A9EA9 #70AFBD #5678C5 #5B80D2 #7E70BD #877AC2

Triadic Palette

#5071B9 #5B80D2 #DC507D #E0658D #7DDC50 #6EC246

Split Complementary Palette

#5273BD #5B80D2 #D2715B #D77F6B #BCD25B #A9BD52

Square Palette

#4C6CB0 #5B80D2 #C865B6 #C8A865 #5BD271 #75D988

Tetradic Palette

#4B69AC #5B80D2 #B348E5 #D2AC5B #7AE548 #92EA69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B80D2 contains 91 red, 128 green, and 210 blue.

Contrast Ratio: 3.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.52:1