#5B87BA Color

Color Information

HEX#5B87BA
RGB91, 135, 186
HSL212° , 41% , 54%
HSV212° , 51% , 73%
CMYK51%, 27%, 0%, 27%

Lighter Shades

#6F95C2 #82A4CB #96B2D3 #AAC1DB #BDCFE3 #D1DDEC

Darker Shades

#5077A4 #45678D #3A5677 #2F4661 #24364A #192634

Complementary Palette

#4E74A0 #5B87BA #A0794D #BA8D5A #C49D71 #7298C4

Analogous Palette

#6C9193 #71A1A2 #567FAF #5B87BA #7371A2 #7F7DAA

Triadic Palette

#5077A4 #5B87BA #C64E84 #CD6393 #84C64E #74AE45

Split Complementary Palette

#527AA7 #5B87BA #BA5D5A #C16D6B #B7BA5A #A5A751

Square Palette

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

Tetradic Palette

#4B6F99 #5B87BA #8E44CF #BA8D5A #83CF44 #99D866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B87BA contains 91 red, 135 green, and 186 blue.

Contrast Ratio: 3.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.69:1