#5A80BF Color

Color Information

HEX#5A80BF
RGB90, 128, 191
HSL217° , 44% , 55%
HSV217° , 53% , 75%
CMYK53%, 33%, 0%, 25%

Lighter Shades

#6E8FC7 #829ECE #95AED6 #A9BDDE #BDCCE5 #D1DBED

Darker Shades

#4F71A8 #446191 #3A527A #2F4363 #24334C #192435

Complementary Palette

#4D6EA4 #5A80BF #A4834D #BF985A #C8A671 #7192C8

Analogous Palette

#6D9297 #71A1A8 #5578B4 #5A80BF #7771A8 #837DB0

Triadic Palette

#4F71A8 #5A80BF #CA4E7E #D0638D #7ECA4E #6FB245

Split Complementary Palette

#5173AC #5A80BF #BF665A #C5756B #B3BF5A #A1AC51

Square Palette

#4C6CA0 #5A80BF #B365AA #B39565 #5ABF66 #74C97E

Tetradic Palette

#4A699D #5A80BF #9D45D3 #BF985A #7CD345 #94DB66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A80BF contains 90 red, 128 green, and 191 blue.

Contrast Ratio: 3.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.33:1