#7C3AED

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

#7C3AED

RGB

rgb(124, 58, 237)

RGBA

rgba(124, 58, 237, 1)

HSL

hsl(262.12, 83.26%, 57.84%)

HSLA

hsla(262, 83%, 58%, 1)

CMYK

cmyk(48%, 76%, 0%, 7%)

Color Palettes

Harmonious color combinations based on #7C3AED

Monochromatic

Shades and tints of the same hue

#14042F

#3C0D8C

#6316E9

#A273F2

#E0D0FB

Analogous

Adjacent colors on the color wheel

#3BACED

#3B53ED

#7C3AED

#D53BED

#ED3BAC

Complementary

Opposite color for maximum contrast

#7C3AED

#ACED3B

Triadic

Three evenly spaced colors

#7C3AED

#ED7C3B

#3BED7C

CSS Usage Examples

Background

background-color: #7C3AED;

Text

color: #7C3AED;

Border

border: 2px solid #7C3AED;

Shadow

box-shadow: 0 4px 6px #7C3AED40;

Related Colors

Discover harmonious color variations

Complementary

#ABED3A

Opposite on color wheel

Lighter

#BA97F6

+20% lightness

Darker

#4B10B1

-20% lightness

Analogous -30°

#3A52ED

Adjacent color

Analogous +30°

#D53AED

Adjacent color