#5A87BA Color

Color Information

HEX#5A87BA
RGB90, 135, 186
HSL212° , 41% , 54%
HSV212° , 52% , 73%
CMYK52%, 27%, 0%, 27%

Lighter Shades

#6E95C2 #82A4CB #95B2D3 #A9C1DB #BDCFE3 #D1DDEC

Darker Shades

#4F77A4 #44678D #3A5677 #2F4661 #24364A #192634

Complementary Palette

#4D74A0 #5A87BA #A0794D #BA8D5A #C49D71 #7198C4

Analogous Palette

#6C9193 #71A1A2 #557FAF #5A87BA #7371A2 #7F7DAA

Triadic Palette

#4F77A4 #5A87BA #C64E84 #CD6393 #84C64E #74AE45

Split Complementary Palette

#517AA7 #5A87BA #BA5D5A #C16D6B #B7BA5A #A5A751

Square Palette

#4C719C #5A87BA #AE65AC #AE8C65 #5ABA5D #74C577

Tetradic Palette

#4A6F99 #5A87BA #8E44CF #BA8D5A #83CF44 #99D866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A87BA contains 90 red, 135 green, and 186 blue.

Contrast Ratio: 3.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.68:1