#ba33bb hex color

In a RGB color space, hex #ba33bb is composed of 72.9% red, 20% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 72.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 299.6 degrees, a saturation of 57.1% and a lightness of 46.7%. #ba33bb color hex could be obtained by blending #ff66ff with #750077. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 73
- G 20
- B 73
RGB color chart
- C 1
- M 73
- Y 0
- K 27
CMYK color chart

● #ba33bb color description : Moderate magenta.

The hexadecimal color #ba33bb has RGB values of R:186, G:51, B:187 and CMYK values of C:0.01, M:0.73, Y:0, K:0.27. Its decimal value is 12202939.

Hex triplet	ba33bb	`#ba33bb`
RGB Decimal	186, 51, 187	`rgb(186,51,187)`
RGB Percent	72.9, 20, 73.3	`rgb(72.9%,20%,73.3%)`
CMYK	1, 73, 0, 27
HSL	299.6°, 57.1, 46.7	`hsl(299.6,57.1%,46.7%)`
HSV (or HSB)	299.6°, 72.7, 73.3
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	47.49, 68.282, -43.353
XYZ	30.402, 16.397, 48.575
xyY	0.319, 0.172, 16.397
CIE-LCH	47.49, 80.883, 327.588
CIE-LUV	47.49, 55.74, -73.288
Hunter-Lab	40.493, 63.159, -42.779
Binary	10111010, 00110011, 10111011

#ba33bb
```
#ba33bb rgb(186,51,187)
```
#34bb33
```
#34bb33 rgb(52,187,51)
```

Complementary Color

#7633bb
```
#7633bb rgb(118,51,187)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#bb3378
```
#bb3378 rgb(187,51,120)
```

Analogous Color

#33bb76
```
#33bb76 rgb(51,187,118)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#78bb33
```
#78bb33 rgb(120,187,51)
```

Split Complementary Color

#33bbba
```
#33bbba rgb(51,187,186)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#bbba33
```
#bbba33 rgb(187,186,51)
```

Triadic Color

#3334bb
```
#3334bb rgb(51,52,187)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#bbba33
```
#bbba33 rgb(187,186,51)
```
#34bb33
```
#34bb33 rgb(52,187,51)
```

Tetradic Color

#7e237f
```
#7e237f rgb(126,35,127)
```
#922893
```
#922893 rgb(146,40,147)
```
#a62ea7
```
#a62ea7 rgb(166,46,167)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#c93dca
```
#c93dca rgb(201,61,202)
```
#cf51d0
```
#cf51d0 rgb(207,81,208)
```
#d465d5
```
#d465d5 rgb(212,101,213)
```

Monochromatic Color

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

#9833bb
```
#9833bb rgb(152,51,187)
```
#a333bb
```
#a333bb rgb(163,51,187)
```
#af33bb
```
#af33bb rgb(175,51,187)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#bb33b1
```
#bb33b1 rgb(187,51,177)
```
#bb33a5
```
#bb33a5 rgb(187,51,165)
```
#bb339a
```
#bb339a rgb(187,51,154)
```

Similar Colors

Text with hexadecimal color #ba33bb

This text has a font color of #ba33bb.

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

#ba33bb background color

This paragraph has a background color of #ba33bb.

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

#ba33bb border color

This element has a border color of #ba33bb.

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

CSS codes

.text {color:#ba33bb;}

.background {background-color:#ba33bb;}

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

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, #020102 is the darkest color, while #fbf2fb is the lightest one.

#020102
```
#020102 rgb(2,1,2)
```
#110511
```
#110511 rgb(17,5,17)
```
#210921
```
#210921 rgb(33,9,33)
```
#300d30
```
#300d30 rgb(48,13,48)
```
#3f1140
```
#3f1140 rgb(63,17,64)
```
#4f164f
```
#4f164f rgb(79,22,79)
```
#5e1a5f
```
#5e1a5f rgb(94,26,95)
```
#6d1e6e
```
#6d1e6e rgb(109,30,110)
```
#7d227d
```
#7d227d rgb(125,34,125)
```
#8c268d
```
#8c268d rgb(140,38,141)
```
#9b2b9c
```
#9b2b9c rgb(155,43,156)
```
#ab2fac
```
#ab2fac rgb(171,47,172)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```

Shade Color Variation

#c839c9
```
#c839c9 rgb(200,57,201)
```
#cc48cd
```
#cc48cd rgb(204,72,205)
```
#d058d1
```
#d058d1 rgb(208,88,209)
```
#d567d6
```
#d567d6 rgb(213,103,214)
```
#d976da
```
#d976da rgb(217,118,218)
```
#dd86de
```
#dd86de rgb(221,134,222)
```
#e295e2
```
#e295e2 rgb(226,149,226)
```
#e6a5e6
```
#e6a5e6 rgb(230,165,230)
```
#eab4eb
```
#eab4eb rgb(234,180,235)
```
#eec3ef
```
#eec3ef rgb(238,195,239)
```
#f3d3f3
```
#f3d3f3 rgb(243,211,243)
```
#f7e2f7
```
#f7e2f7 rgb(247,226,247)
```
#fbf2fb
```
#fbf2fb rgb(251,242,251)
```

Tint Color Variation

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

#7b737b
```
#7b737b rgb(123,115,123)
```
#846a84
```
#846a84 rgb(132,106,132)
```
#8d618d
```
#8d618d rgb(141,97,141)
```
#965896
```
#965896 rgb(150,88,150)
```
#9f4ea0
```
#9f4ea0 rgb(159,78,160)
```
#a845a9
```
#a845a9 rgb(168,69,169)
```
#b13cb2
```
#b13cb2 rgb(177,60,178)
```
#ba33bb
```
#ba33bb rgb(186,51,187)
```
#c32ac4
```
#c32ac4 rgb(195,42,196)
```
#cc21cd
```
#cc21cd rgb(204,33,205)
```
#d518d6
```
#d518d6 rgb(213,24,214)
```
#de0ee0
```
#de0ee0 rgb(222,14,224)
```
#e705e9
```
#e705e9 rgb(231,5,233)
```

Tone Color Variation

Below, you can see how #ba33bb 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
#5a77af Deuteranopia 1% of men
#b25e64 Tritanopia 0.001% of the population

Trichromacy

#435cd5 Protanomaly 1% of men, 0.01% of women
#7d5eb3 Deuteranomaly 6% of men, 0.4% of women
#b44e84 Tritanomaly 0.01% of the population

#ba33bb hex color

#ba33bb Color Information

#ba33bb Color Conversion

Color Schemes with #ba33bb

Alternatives to #ba33bb

#ba33bb Preview

Shades and Tints of #ba33bb

Tones of #ba33bb

Color Blindness Simulator