Skip to main content

#542CD5

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
#542CD5
RGB
rgb(84, 44, 213)
RGBA
rgba(84, 44, 213, 1)
HSL
hsl(254.2, 66.8%, 50.39%)
HSLA
hsla(254, 67%, 50%, 1)
CMYK
cmyk(61%, 79%, 0%, 16%)

Color Palettes

Harmonious color combinations based on #542CD5

Monochromatic

Shades and tints of the same hue

#10082B
#311980
#522AD5
#977FE6
#DCD4F7

Analogous

Adjacent colors on the color wheel

#2AADD5
#2A58D5
#542CD5
#A72AD5
#D52AAD

Complementary

Opposite color for maximum contrast

#542CD5
#ADD52A

Triadic

Three evenly spaced colors

#542CD5
#D5522A
#2AD552

CSS Usage Examples

Background

background-color: #542CD5;

Text

color: #542CD5;

Border

border: 2px solid #542CD5;

Shadow

box-shadow: 0 4px 6px #542CD540;
Feedback