Skip to main content

#5B86DC

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX
#5B86DC
RGB
rgb(91, 134, 220)
RGBA
rgba(91, 134, 220, 1)
HSL
hsl(220, 64.82%, 60.98%)
HSLA
hsla(220, 65%, 61%, 1)
CMYK
cmyk(59%, 39%, 0%, 14%)

Color Palettes

Harmonious color combinations based on #5B86DC

Monochromatic

Shades and tints of the same hue

#09142A
#1B3C7E
#2D64D2
#81A2E4
#D5E0F6

Analogous

Adjacent colors on the color wheel

#5BDCB1
#5BC7DC
#5B86DC
#705BDC
#B15BDC

Complementary

Opposite color for maximum contrast

#5B86DC
#DCB15B

Triadic

Three evenly spaced colors

#5B86DC
#DC5B86
#86DC5B

CSS Usage Examples

Background

background-color: #5B86DC;

Text

color: #5B86DC;

Border

border: 2px solid #5B86DC;

Shadow

box-shadow: 0 4px 6px #5B86DC40;
Feedback