#5B83DC

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

#5B83DC

RGB

rgb(91, 131, 220)

RGBA

rgba(91, 131, 220, 1)

HSL

hsl(221.4, 64.82%, 60.98%)

HSLA

hsla(221, 65%, 61%, 1)

CMYK

cmyk(59%, 40%, 0%, 14%)

Color Palettes

Harmonious color combinations based on #5B83DC

Monochromatic

Shades and tints of the same hue

#09132A

#1B3A7E

#2D61D2

#81A0E4

#D5DFF6

Analogous

Adjacent colors on the color wheel

#5BDCB3

#5BC4DC

#5B83DC

#735BDC

#B35BDC

Complementary

Opposite color for maximum contrast

#5B83DC

#DCB35B

Triadic

Three evenly spaced colors

#5B83DC

#DC5B84

#84DC5B

CSS Usage Examples

Background

background-color: #5B83DC;

Text

color: #5B83DC;

Border

border: 2px solid #5B83DC;

Shadow

box-shadow: 0 4px 6px #5B83DC40;

Related Colors

Discover harmonious color variations

Complementary

#DCB45B

Opposite on color wheel

Lighter

#AFC3EE

+20% lightness

Darker

#254FAC

-20% lightness

Analogous -30°

#5BC3DC

Adjacent color

Analogous +30°

#745BDC

Adjacent color