Skip to main content

#562AED

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
#562AED
RGB
rgb(86, 42, 237)
RGBA
rgba(86, 42, 237, 1)
HSL
hsl(253.54, 84.42%, 54.71%)
HSLA
hsla(254, 84%, 55%, 1)
CMYK
cmyk(64%, 82%, 0%, 7%)

Color Palettes

Harmonious color combinations based on #562AED

Monochromatic

Shades and tints of the same hue

#0E042F
#2A0C8D
#4614EB
#9072F3
#DAD0FB

Analogous

Adjacent colors on the color wheel

#2CC0ED
#2C5FED
#562AED
#B92CED
#ED2CC0

Complementary

Opposite color for maximum contrast

#562AED
#C0ED2C

Triadic

Three evenly spaced colors

#562AED
#ED592C
#2CED59

CSS Usage Examples

Background

background-color: #562AED;

Text

color: #562AED;

Border

border: 2px solid #562AED;

Shadow

box-shadow: 0 4px 6px #562AED40;
Feedback