Skip to main content

#502BE2

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
#502BE2
RGB
rgb(80, 43, 226)
RGBA
rgba(80, 43, 226, 1)
HSL
hsl(252.13, 75.93%, 52.75%)
HSLA
hsla(252, 76%, 53%, 1)
CMYK
cmyk(65%, 81%, 0%, 11%)

Color Palettes

Harmonious color combinations based on #502BE2

Monochromatic

Shades and tints of the same hue

#0E062D
#2A1287
#451FE0
#9078ED
#DAD2F9

Analogous

Adjacent colors on the color wheel

#2CBEE2
#2C63E2
#502BE2
#AC2CE2
#E22CBE

Complementary

Opposite color for maximum contrast

#502BE2
#BEE22C

Triadic

Three evenly spaced colors

#502BE2
#E2502C
#2CE250

CSS Usage Examples

Background

background-color: #502BE2;

Text

color: #502BE2;

Border

border: 2px solid #502BE2;

Shadow

box-shadow: 0 4px 6px #502BE240;
Feedback