Skip to main content

#5636DF

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
#5636DF
RGB
rgb(86, 54, 223)
RGBA
rgba(86, 54, 223, 1)
HSL
hsl(251.36, 72.53%, 54.31%)
HSLA
hsla(251, 73%, 54%, 1)
CMYK
cmyk(61%, 76%, 0%, 13%)

Color Palettes

Harmonious color combinations based on #5636DF

Monochromatic

Shades and tints of the same hue

#0E072C
#291584
#4522DD
#8F7BEA
#DAD3F8

Analogous

Adjacent colors on the color wheel

#34C0DF
#346ADF
#5636DF
#A934DF
#DF34C0

Complementary

Opposite color for maximum contrast

#5636DF
#C0DF34

Triadic

Three evenly spaced colors

#5636DF
#DF5334
#34DF53

CSS Usage Examples

Background

background-color: #5636DF;

Text

color: #5636DF;

Border

border: 2px solid #5636DF;

Shadow

box-shadow: 0 4px 6px #5636DF40;
Feedback