#ba33bd hex color

In a RGB color space, hex #ba33bd is composed of 72.9% red, 20% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 73% magenta, 0% yellow and 25.9% black. It has a hue angle of 298.7 degrees, a saturation of 57.5% and a lightness of 47.1%. #ba33bd color hex could be obtained by blending #ff66ff with #75007b. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 20
- B 74
RGB color chart
- C 2
- M 73
- Y 0
- K 26
CMYK color chart

● #ba33bd color description : Moderate magenta.

The hexadecimal color #ba33bd has RGB values of R:186, G:51, B:189 and CMYK values of C:0.02, M:0.73, Y:0, K:0.26. Its decimal value is 12202941.

Hex triplet	ba33bd	`#ba33bd`
RGB Decimal	186, 51, 189	`rgb(186,51,189)`
RGB Percent	72.9, 20, 74.1	`rgb(72.9%,20%,74.1%)`
CMYK	2, 73, 0, 26
HSL	298.7°, 57.5, 47.1	`hsl(298.7,57.5%,47.1%)`
HSV (or HSB)	298.7°, 73, 74.1
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.602, 68.61, -44.344
XYZ	30.618, 16.483, 49.71
xyY	0.316, 0.17, 16.483
CIE-LCH	47.602, 81.693, 327.125
CIE-LUV	47.602, 55.067, -74.826
Hunter-Lab	40.599, 63.569, -44.177
Binary	10111010, 00110011, 10111101

#ba33bd
```
#ba33bd rgb(186,51,189)
```
#36bd33
```
#36bd33 rgb(54,189,51)
```

Complementary Color

#7533bd
```
#7533bd rgb(117,51,189)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#bd337b
```
#bd337b rgb(189,51,123)
```

Analogous Color

#33bd75
```
#33bd75 rgb(51,189,117)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#7bbd33
```
#7bbd33 rgb(123,189,51)
```

Split Complementary Color

#33bdba
```
#33bdba rgb(51,189,186)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#bdba33
```
#bdba33 rgb(189,186,51)
```

Triadic Color

#3336bd
```
#3336bd rgb(51,54,189)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#bdba33
```
#bdba33 rgb(189,186,51)
```
#36bd33
```
#36bd33 rgb(54,189,51)
```

Tetradic Color

#7f2381
```
#7f2381 rgb(127,35,129)
```
#922895
```
#922895 rgb(146,40,149)
```
#a62ea9
```
#a62ea9 rgb(166,46,169)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#c83ecb
```
#c83ecb rgb(200,62,203)
```
#ce53d0
```
#ce53d0 rgb(206,83,208)
```
#d367d6
```
#d367d6 rgb(211,103,214)
```

Monochromatic Color

Below, you can see some colors close to #ba33bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9833bd
```
#9833bd rgb(152,51,189)
```
#a333bd
```
#a333bd rgb(163,51,189)
```
#af33bd
```
#af33bd rgb(175,51,189)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#bd33b5
```
#bd33b5 rgb(189,51,181)
```
#bd33a9
```
#bd33a9 rgb(189,51,169)
```
#bd339e
```
#bd339e rgb(189,51,158)
```

Similar Colors

Text with hexadecimal color #ba33bd

This text has a font color of #ba33bd.

<span style="color:#ba33bd;">Text here</span>

#ba33bd background color

This paragraph has a background color of #ba33bd.

<p style="background-color:#ba33bd;">Content here</p>

#ba33bd border color

This element has a border color of #ba33bd.

<div style="border:1px solid #ba33bd;">Content here</div>

CSS codes

.text {color:#ba33bd;}

.background {background-color:#ba33bd;}

.border {border:1px solid #ba33bd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040104 is the darkest color, while #fcf3fc is the lightest one.

#040104
```
#040104 rgb(4,1,4)
```
#130513
```
#130513 rgb(19,5,19)
```
#220923
```
#220923 rgb(34,9,35)
```
#310d32
```
#310d32 rgb(49,13,50)
```
#401241
```
#401241 rgb(64,18,65)
```
#501651
```
#501651 rgb(80,22,81)
```
#5f1a60
```
#5f1a60 rgb(95,26,96)
```
#6e1e70
```
#6e1e70 rgb(110,30,112)
```
#7d227f
```
#7d227f rgb(125,34,127)
```
#8c268f
```
#8c268f rgb(140,38,143)
```
#9c2b9e
```
#9c2b9e rgb(156,43,158)
```
#ab2fae
```
#ab2fae rgb(171,47,174)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```

Shade Color Variation

#c73aca
```
#c73aca rgb(199,58,202)
```
#cb49ce
```
#cb49ce rgb(203,73,206)
```
#cf59d2
```
#cf59d2 rgb(207,89,210)
```
#d468d6
```
#d468d6 rgb(212,104,214)
```
#d878da
```
#d878da rgb(216,120,218)
```
#dd87df
```
#dd87df rgb(221,135,223)
```
#e197e3
```
#e197e3 rgb(225,151,227)
```
#e6a6e7
```
#e6a6e7 rgb(230,166,231)
```
#eab5eb
```
#eab5eb rgb(234,181,235)
```
#eec5ef
```
#eec5ef rgb(238,197,239)
```
#f3d4f3
```
#f3d4f3 rgb(243,212,243)
```
#f7e4f8
```
#f7e4f8 rgb(247,228,248)
```
#fcf3fc
```
#fcf3fc rgb(252,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c747c is the less saturated color, while #e605eb is the most saturated one.

#7c747c
```
#7c747c rgb(124,116,124)
```
#856a86
```
#856a86 rgb(133,106,134)
```
#8e618f
```
#8e618f rgb(142,97,143)
```
#975898
```
#975898 rgb(151,88,152)
```
#a04fa1
```
#a04fa1 rgb(160,79,161)
```
#a845ab
```
#a845ab rgb(168,69,171)
```
#b13cb4
```
#b13cb4 rgb(177,60,180)
```
#ba33bd
```
#ba33bd rgb(186,51,189)
```
#c32ac6
```
#c32ac6 rgb(195,42,198)
```
#cc21cf
```
#cc21cf rgb(204,33,207)
```
#d417d9
```
#d417d9 rgb(212,23,217)
```
#dd0ee2
```
#dd0ee2 rgb(221,14,226)
```
#e605eb
```
#e605eb rgb(230,5,235)
```

Tone Color Variation

Below, you can see how #ba33bd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6b6b6b Achromatopsia 0.005% of the population
#7b607b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#5978b1 Deuteranopia 1% of men
#b15f65 Tritanopia 0.001% of the population

Trichromacy

#435cd6 Protanomaly 1% of men, 0.01% of women
#7c5eb5 Deuteranomaly 6% of men, 0.4% of women
#b44f85 Tritanomaly 0.01% of the population

#ba33bd hex color

#ba33bd Color Information

#ba33bd Color Conversion

Color Schemes with #ba33bd

Alternatives to #ba33bd

#ba33bd Preview

Shades and Tints of #ba33bd

Tones of #ba33bd

Color Blindness Simulator