#5B86CA Color

Color Information

HEX#5B86CA
RGB91, 134, 202
HSL217° , 51% , 57%
HSV217° , 55% , 79%
CMYK55%, 34%, 0%, 21%

Lighter Shades

#6F95D0 #82A3D7 #96B2DD #AAC0E3 #BDCFEA #D1DDF0

Darker Shades

#5076B2 #45669A #3A5681 #2F4669 #243651 #192639

Complementary Palette

#4E73AE #5B86CA #AD884D #C99E59 #D1AC70 #7297D1

Analogous Palette

#6A99A0 #6FABB3 #567EBE #5B86CA #776FB3 #8179B9

Triadic Palette

#5076B2 #5B86CA #D44E82 #D96391 #82D44E #72BB45

Split Complementary Palette

#5279B6 #5B86CA #C96659 #CE756A #BCC959 #A9B550

Square Palette

#4C71AA #5B86CA #BE64B4 #BE9C64 #59C966 #74D27E

Tetradic Palette

#4B6EA6 #5B86CA #A346DD #C99E59 #80DD46 #97E367

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B86CA contains 91 red, 134 green, and 202 blue.

Contrast Ratio: 3.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.78:1