Skip to main content

#BA30DC

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
#BA30DC
RGB
rgb(186, 48, 220)
RGBA
rgba(186, 48, 220, 1)
HSL
hsl(288.14, 71.07%, 52.55%)
HSLA
hsla(288, 71%, 53%, 1)
CMYK
cmyk(15%, 78%, 0%, 14%)

Color Palettes

Harmonious color combinations based on #BA30DC

Monochromatic

Shades and tints of the same hue

#24072C
#6D1683
#B625DA
#D37CE9
#F0D3F8

Analogous

Adjacent colors on the color wheel

#3254DC
#6532DC
#BA30DC
#DC32A9
#DC3254

Complementary

Opposite color for maximum contrast

#BA30DC
#54DC32

Triadic

Three evenly spaced colors

#BA30DC
#DCBA32
#32DCBA

CSS Usage Examples

Background

background-color: #BA30DC;

Text

color: #BA30DC;

Border

border: 2px solid #BA30DC;

Shadow

box-shadow: 0 4px 6px #BA30DC40;
Feedback