#5A87B4 Color

Color Information

HEX#5A87B4
RGB90, 135, 180
HSL210° , 38% , 53%
HSV210° , 50% , 71%
CMYK50%, 25%, 0%, 29%

Lighter Shades

#6E95BD #82A4C6 #95B2CF #A9C1D8 #BDCFE1 #D1DDEA

Darker Shades

#4F779E #446789 #3A5673 #2F465E #243648 #192632

Complementary Palette

#4D749B #5A87B4 #9C744D #B5875A #BF9871 #7198BF

Analogous Palette

#6A9090 #729D9D #557FA9 #5A87B4 #72729D #7E7EA5

Triadic Palette

#4F779E #5A87B4 #C14E87 #C86395 #87C14E #77AA45

Split Complementary Palette

#517AA2 #5A87B4 #B55A5A #BC6B6B #B5B55A #A3A351

Square Palette

#4C7197 #5A87B4 #A966A9 #A98766 #5AB55A #74C174

Tetradic Palette

#4A6F94 #5A87B4 #8744CA #B5875A #87CA44 #9DD466

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A87B4 contains 90 red, 135 green, and 180 blue.

Contrast Ratio: 3.73:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.63:1