#5C86A8 Color

Color Information

HEX#5C86A8
RGB92, 134, 168
HSL207° , 30% , 51%
HSV207° , 45% , 66%
CMYK45%, 20%, 0%, 34%

Lighter Shades

#7095B2 #83A3BD #97B2C7 #AAC0D2 #BECFDC #D1DDE7

Darker Shades

#517694 #466680 #3B566C #304657 #253643 #1A262F

Complementary Palette

#4F7390 #5C86A8 #906C50 #A87E5D #B49074 #7397B4

Analogous Palette

#668A88 #6F9593 #567E9E #5C86A8 #6F7195 #7B7D9D

Triadic Palette

#517694 #5C86A8 #B45087 #BD6595 #87B450 #779E46

Split Complementary Palette

#537997 #5C86A8 #A85D60 #B16D70 #A8A45D #979454

Square Palette

#4D718D #5C86A8 #99699B #9B7F69 #60A85D #79B677

Tetradic Palette

#4B6E8A #5C86A8 #7A46BE #A87E5D #88BE46 #9DCA67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C86A8 contains 92 red, 134 green, and 168 blue.

Contrast Ratio: 3.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.5:1