#5C86B2 Color

Color Information

HEX#5C86B2
RGB92, 134, 178
HSL211° , 36% , 53%
HSV211° , 48% , 70%
CMYK48%, 25%, 0%, 30%

Lighter Shades

#7095BB #83A3C4 #97B2CE #AAC0D7 #BECFE0 #D1DDE9

Darker Shades

#51769D #466687 #3B5672 #30465D #253647 #1A2632

Complementary Palette

#4F7399 #5C86B2 #99764F #B2895C #BD9A73 #7397BD

Analogous Palette

#6A8F90 #749A9A #567EA7 #5C86B2 #75749A #8080A3

Triadic Palette

#51769D #5C86B2 #BE5085 #C66594 #85BE50 #75A746

Split Complementary Palette

#5379A0 #5C86B2 #B25D5C #BA6D6C #B1B25C #9FA053

Square Palette

#4D7196 #5C86B2 #A668A5 #A68868 #5CB25D #76BE77

Tetradic Palette

#4B6E92 #5C86B2 #8946C8 #B2895C #85C846 #9BD267

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C86B2 contains 92 red, 134 green, and 178 blue.

Contrast Ratio: 3.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.58:1