#5B84AE Color

Color Information

HEX	#5B84AE
RGB	91, 132, 174
HSL	210° , 34% , 52%
HSV	210° , 48% , 68%
CMYK	48%, 24%, 0%, 32%

Lighter Shades

#6F93B8 #82A2C1 #96B0CB #AABFD5 #BDCEDF #D1DDE8

Darker Shades

#507499 #456484 #3A546F #2F455A #243546 #192531

Complementary Palette

#4E7296 #5B84AE #96724E #AE855B #B99672 #7295B9

Analogous Palette

#688D8D #729797 #567CA4 #5B84AE #727297 #7E7EA0

Triadic Palette

#507499 #5B84AE #BA4F85 #C26494 #85BA4F #75A446

Split Complementary Palette

#52779D #5B84AE #AE5B5B #B66B6B #AEAE5B #9D9D52

Square Palette

#4C6F92 #5B84AE #A267A2 #A28567 #5BAE5B #75BB75

Tetradic Palette

#4B6C8F #5B84AE #8545C4 #AE855B #85C445 #9BCF66

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B84AE contains 91 red, 132 green, and 174 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.42:1