#BA1DE2

Purple

HEX

RGB

HSL

About #BA1DE2 Purple

#BA1DE2 is a purple color. In the RGB color model, it is composed of 186 red, 29 green, and 226 blue. In the HSL color space, it has a hue of 288°, saturation of 77%, and lightness of 50%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #BA1DE2 in your CSS, SCSS, or Tailwind projects.

Color Properties

288°

Hue

77%

Saturation

50%

Lightness

Purple

Color Harmonies

Colors that work well with #BA1DE2 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #BA1DE2 against white and black backgrounds.

Aa#BA1DE2 on White
Contrast Ratio4.81:1
AA AA Large AAA
Aa#BA1DE2 on Black
Contrast Ratio4.36:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #BA1DE2 across different color formats.

FormatValue
HEX#BA1DE2
RGBrgb(186, 29, 226)
HSLhsl(288, 77%, 50%)
RGB Decimal186, 29, 226
RGB Percent72.9%, 11.4%, 88.6%
CMYK (approx.)18%, 87%, 0%, 11%

Related Palettes

12 palettes using #BA1DE2 or similar colors

#12B6ED#0040FF#4913EC#B318E7
#0DB9F2#144AEB#450AF5#B514EB
#07BCF8#0B45F4#470EF1#B613EC
#B213EC#F20DBD#F50A49#F5410A
#AC26D9#E052C9#E87DAA#F0A8A8
#1451EB#3903FC#B00FF0#FB04C6
#3C16B6#B633E5#E283CC#F5BDCC
#1FCAF9#F94E1F#BB1FF9#5DF91F
#B81FF9#61F91F#F94B1F#1FCEF9
#1FCEF9#F94B1F#B81FF9#61F91F
#59F91F#BF1FF9#1FC6F9#F9521F
#BF1FF9#59F91F#F9521F#1FC6F9