Color picker

#ba2bea

Conversion

HEX#ba2bea
HEX8#ba2beaff
RGBrgb(186, 43, 234)
CMYK[0.21,0.82,0,0.08]
Name#ba2bea
HCL[319.66,103.33,49.63]
oklab[0.6,0.19,-0.19]
Num12200938
HSI[286.02,0.72,0.61]
lab[49.63,78.76,-66.89]
Lighten
#d888f3
Darken
#7b109f
Saturate
#c416ff
Desaturate
#ae42d3
Greyscale
#8a8a8a
Brighten
#ed5eff

Color harmonies of #ba2bea

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ba2bea
#eaba2b
#2beaba

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#ba2bea
#ea5a2b
#5bea2b
#2bbaea

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#ba2bea
#110415
#330c40
#55146a
#761b95
#9823bf

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#ba2bea
#6e2bea
#942bea
#ba2bea
#e02bea
#ea2bce

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ba2bea
#ea2b35
#2bea6e

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#faf0fe
#f5e1fc
#f0d2fb
#ebc2f9
#e6b3f8
#e1a4f6
#dd95f5
#d886f3
#d377f2
#ce68f0
#c958ef
#c449ed
#bf3aec
#ba2bea

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0311
#1b0621
#280932
#350c43
#420f54
#501264
#5d1675
#6a1986
#781c96
#851fa7
#9222b8
#9f25c9
#ad28d9
#ba2bea

Contrast Checker

Verify the contrast of a #ba2bea colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

4.544 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
4.621 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #ba2bea

Some examples of color palettes with #ba2bea. View more

Use #ba2bea in CSS

#ba2bea as Background Color in CSS
<div style="background-color:#ba2bea">Background Color</div>
#ba2bea as Text Color in CSS
<div style="color:#ba2bea">Text Color</div>
#ba2bea as Border Color in CSS
<div style="border-color:#ba2bea">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet