Skip to main content

#582AED

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

Color Palettes

Harmonious color combinations based on #582AED

Monochromatic

Shades and tints of the same hue

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

Analogous

Adjacent colors on the color wheel

#2CC0ED
#2C5FED
#582AED
#B92CED
#ED2CC0

Complementary

Opposite color for maximum contrast

#582AED
#C0ED2C

Triadic

Three evenly spaced colors

#582AED
#ED592C
#2CED59

CSS Usage Examples

Background

background-color: #582AED;

Text

color: #582AED;

Border

border: 2px solid #582AED;

Shadow

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