#7E22CE

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

#7E22CE

RGB

rgb(126, 34, 206)

RGBA

rgba(126, 34, 206, 1)

HSL

hsl(272.09, 71.67%, 47.06%)

HSLA

hsla(272, 72%, 47%, 1)

CMYK

cmyk(39%, 83%, 0%, 19%)

Color Palettes

Harmonious color combinations based on #7E22CE

Monochromatic

Shades and tints of the same hue

#1B072C

#501584

#8624DB

#B67BEA

#E7D3F8

Analogous

Adjacent colors on the color wheel

#2272CE

#2722CE

#7E22CE

#CE22C8

#CE2272

Complementary

Opposite color for maximum contrast

#7E22CE

#72CE22

Triadic

Three evenly spaced colors

#7E22CE

#CE7E22

#22CE7E

CSS Usage Examples

Background

background-color: #7E22CE;

Text

color: #7E22CE;

Border

border: 2px solid #7E22CE;

Shadow

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

Related Colors

Discover harmonious color variations

Complementary

#72CE22

Opposite on color wheel

Lighter

#AF6FE7

+20% lightness

Darker

#481476

-20% lightness

Analogous -30°

#2822CE

Adjacent color

Analogous +30°

#CE22C8

Adjacent color