#ba00bb hex color

In a RGB color space, hex #ba00bb is composed of 72.9% red, 0% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 100% magenta, 0% yellow and 26.7% black. It has a hue angle of 299.7 degrees, a saturation of 100% and a lightness of 36.7%. #ba00bb color hex could be obtained by blending #ff00ff with #750077. Closest websafe color is: #cc00cc.

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

● #ba00bb color description : Strong magenta.

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

Hex triplet	ba00bb	`#ba00bb`
RGB Decimal	186, 0, 187	`rgb(186,0,187)`
RGB Percent	72.9, 0, 73.3	`rgb(72.9%,0%,73.3%)`
CMYK	1, 100, 0, 27
HSL	299.7°, 100, 36.7	`hsl(299.7,100%,36.7%)`
HSV (or HSB)	299.7°, 100, 73.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	44.274, 77.647, -48.483
XYZ	29.219, 14.029, 48.18
xyY	0.32, 0.153, 14.029
CIE-LCH	44.274, 91.541, 328.019
CIE-LUV	44.274, 61.222, -80.405
Hunter-Lab	37.455, 73.7, -50.048
Binary	10111010, 00000000, 10111011

#ba00bb
```
#ba00bb rgb(186,0,187)
```
#01bb00
```
#01bb00 rgb(1,187,0)
```

Complementary Color

#5d00bb
```
#5d00bb rgb(93,0,187)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#bb005f
```
#bb005f rgb(187,0,95)
```

Analogous Color

#00bb5d
```
#00bb5d rgb(0,187,93)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#5fbb00
```
#5fbb00 rgb(95,187,0)
```

Split Complementary Color

#00bbba
```
#00bbba rgb(0,187,186)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#bbba00
```
#bbba00 rgb(187,186,0)
```

Triadic Color

#0001bb
```
#0001bb rgb(0,1,187)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#bbba00
```
#bbba00 rgb(187,186,0)
```
#01bb00
```
#01bb00 rgb(1,187,0)
```

Tetradic Color

#6e006f
```
#6e006f rgb(110,0,111)
```
#870088
```
#870088 rgb(135,0,136)
```
#a100a2
```
#a100a2 rgb(161,0,162)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#d300d5
```
#d300d5 rgb(211,0,213)
```
#ed00ee
```
#ed00ee rgb(237,0,238)
```
#fe08ff
```
#fe08ff rgb(254,8,255)
```

Monochromatic Color

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

#8b00bb
```
#8b00bb rgb(139,0,187)
```
#9b00bb
```
#9b00bb rgb(155,0,187)
```
#aa00bb
```
#aa00bb rgb(170,0,187)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#bb00ac
```
#bb00ac rgb(187,0,172)
```
#bb009d
```
#bb009d rgb(187,0,157)
```
#bb008d
```
#bb008d rgb(187,0,141)
```

Similar Colors

Text with hexadecimal color #ba00bb

This text has a font color of #ba00bb.

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

#ba00bb background color

This paragraph has a background color of #ba00bb.

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

#ba00bb border color

This element has a border color of #ba00bb.

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

CSS codes

.text {color:#ba00bb;}

.background {background-color:#ba00bb;}

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

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, #0a000a is the darkest color, while #fff6ff is the lightest one.

#0a000a
```
#0a000a rgb(10,0,10)
```
#1e001e
```
#1e001e rgb(30,0,30)
```
#310032
```
#310032 rgb(49,0,50)
```
#450045
```
#450045 rgb(69,0,69)
```
#580059
```
#580059 rgb(88,0,89)
```
#6c006d
```
#6c006d rgb(108,0,109)
```
#7f0080
```
#7f0080 rgb(127,0,128)
```
#930094
```
#930094 rgb(147,0,148)
```
#a600a7
```
#a600a7 rgb(166,0,167)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```
#ce00cf
```
#ce00cf rgb(206,0,207)
```
#e100e2
```
#e100e2 rgb(225,0,226)
```
#f500f6
```
#f500f6 rgb(245,0,246)
```

Shade Color Variation

#fe0aff
```
#fe0aff rgb(254,10,255)
```
#fe1eff
```
#fe1eff rgb(254,30,255)
```
#fe32ff
```
#fe32ff rgb(254,50,255)
```
#fe45ff
```
#fe45ff rgb(254,69,255)
```
#fe59ff
```
#fe59ff rgb(254,89,255)
```
#fe6dff
```
#fe6dff rgb(254,109,255)
```
#fe80ff
```
#fe80ff rgb(254,128,255)
```
#fe94ff
```
#fe94ff rgb(254,148,255)
```
#ffa7ff
```
#ffa7ff rgb(255,167,255)
```
#ffbbff
```
#ffbbff rgb(255,187,255)
```
#ffcfff
```
#ffcfff rgb(255,207,255)
```
#ffe2ff
```
#ffe2ff rgb(255,226,255)
```
#fff6ff
```
#fff6ff rgb(255,246,255)
```

Tint Color Variation

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

#655665
```
#655665 rgb(101,86,101)
```
#6c4f6c
```
#6c4f6c rgb(108,79,108)
```
#734873
```
#734873 rgb(115,72,115)
```
#7a417a
```
#7a417a rgb(122,65,122)
```
#813a81
```
#813a81 rgb(129,58,129)
```
#883289
```
#883289 rgb(136,50,137)
```
#8f2b90
```
#8f2b90 rgb(143,43,144)
```
#962497
```
#962497 rgb(150,36,151)
```
#9e1d9e
```
#9e1d9e rgb(158,29,158)
```
#a516a5
```
#a516a5 rgb(165,22,165)
```
#ac0ead
```
#ac0ead rgb(172,14,173)
```
#b307b4
```
#b307b4 rgb(179,7,180)
```
#ba00bb
```
#ba00bb rgb(186,0,187)
```

Tone Color Variation

Below, you can see how #ba00bb 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

#4d4d4d Achromatopsia 0.005% of the population
#633e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#4a70ac Deuteranopia 1% of men
#b15156 Tritanopia 0.001% of the population

Trichromacy

#4345cb Protanomaly 1% of men, 0.01% of women
#7247b1 Deuteranomaly 6% of men, 0.4% of women
#b4337a Tritanomaly 0.01% of the population

#ba00bb hex color

#ba00bb Color Information

#ba00bb Color Conversion

Color Schemes with #ba00bb

Alternatives to #ba00bb

#ba00bb Preview

Shades and Tints of #ba00bb

Tones of #ba00bb

Color Blindness Simulator