#5985AE Color

Color Information

HEX	#5985AE
RGB	89, 133, 174
HSL	209° , 34% , 52%
HSV	209° , 49% , 68%
CMYK	49%, 24%, 0%, 32%

Lighter Shades

#6D94B8 #81A2C1 #95B1CB #A9C0D5 #BDCEDF #D1DDE8

Darker Shades

#4E7599 #446584 #39556F #2E455A #243546 #192531

Complementary Palette

#4D7296 #5985AE #96714E #AE835B #B99472 #7096B9

Analogous Palette

#688D8C #729796 #547DA4 #5985AE #727397 #7E7FA0

Triadic Palette

#4E7599 #5985AE #BA4F86 #C26495 #86BA4F #76A446

Split Complementary Palette

#50789D #5985AE #AE5B5C #B66B6C #AEAD5B #9D9C52

Square Palette

#4B7092 #5985AE #A167A2 #A28467 #5CAE5B #76BB75

Tetradic Palette

#496D8F #5985AE #8245C4 #AE835B #87C445 #9DCF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5985AE contains 89 red, 133 green, and 174 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1