Skip to main content

#BA22FF

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
#BA22FF
RGB
rgb(186, 34, 255)
RGBA
rgba(186, 34, 255, 1)
HSL
hsl(281.27, 100%, 56.67%)
HSLA
hsla(281, 100%, 57%, 1)
CMYK
cmyk(27%, 87%, 0%, 0%)

Color Palettes

Harmonious color combinations based on #BA22FF

Monochromatic

Shades and tints of the same hue

#230033
#690099
#AE00FF
#CF66FF
#EFCCFF

Analogous

Adjacent colors on the color wheel

#2469FF
#4C24FF
#BA22FF
#FF24D7
#FF2469

Complementary

Opposite color for maximum contrast

#BA22FF
#69FF24

Triadic

Three evenly spaced colors

#BA22FF
#FFBA24
#24FFBA

CSS Usage Examples

Background

background-color: #BA22FF;

Text

color: #BA22FF;

Border

border: 2px solid #BA22FF;

Shadow

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