#5980C2 Color

Color Information

HEX#5980C2
RGB89, 128, 194
HSL218° , 46% , 55%
HSV218° , 54% , 76%
CMYK54%, 34%, 0%, 24%

Lighter Shades

#6D8FC9 #819ED1 #95AED8 #A9BDDF #BDCCE7 #D1DBEE

Darker Shades

#4E71AB #446193 #39527C #2E4365 #24334E #192436

Complementary Palette

#4D6EA7 #5980C2 #A6844B #C19A57 #CAA86F #7092CB

Analogous Palette

#6A939A #6EA2AA #5478B6 #5980C2 #766EAA #8078B0

Triadic Palette

#4E71AB #5980C2 #CD4C7B #D3618B #7BCD4C #6CB443

Split Complementary Palette

#5073AF #5980C2 #C16657 #C77568 #B3C157 #A1AE4E

Square Palette

#4B6CA3 #5980C2 #B663AB #B69763 #57C166 #72CB7E

Tetradic Palette

#49699F #5980C2 #A043D6 #C19A57 #79D643 #91DD65

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5980C2 contains 89 red, 128 green, and 194 blue.

Contrast Ratio: 3.92:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.35:1