#5B86C1 Color

Color Information

HEX#5B86C1
RGB91, 134, 193
HSL215° , 45% , 56%
HSV215° , 53% , 76%
CMYK53%, 31%, 0%, 24%

Lighter Shades

#6F95C8 #82A3D0 #96B2D7 #AAC0DF #BDCFE6 #D1DDEE

Darker Shades

#5076AA #456693 #3A567C #2F4664 #24364D #192636

Complementary Palette

#4E73A6 #5B86C1 #A6824F #C1975C #CAA673 #7297CA

Analogous Palette

#6F979B #73A6AB #567EB5 #5B86C1 #7773AB #817CB1

Triadic Palette

#5076AA #5B86C1 #CD5185 #D36694 #85CD51 #75B447

Split Complementary Palette

#5279AE #5B86C1 #C1655C #C7746C #B9C15C #A7AE53

Square Palette

#4C71A2 #5B86C1 #B668B0 #B69568 #5CC165 #76CB7E

Tetradic Palette

#4B6E9E #5B86C1 #9B48D5 #C1975C #83D548 #99DD69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B86C1 contains 91 red, 134 green, and 193 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.7:1