#ba02b3 hex color

In a RGB color space, hex #ba02b3 is composed of 72.9% red, 0.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.9% magenta, 3.8% yellow and 27.1% black. It has a hue angle of 302.3 degrees, a saturation of 97.9% and a lightness of 36.9%. #ba02b3 color hex could be obtained by blending #ff04ff with #750067. Closest websafe color is: #cc00cc.

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

● #ba02b3 color description : Strong magenta.

The hexadecimal color #ba02b3 has RGB values of R:186, G:2, B:179 and CMYK values of C:0, M:0.99, Y:0.04, K:0.27. Its decimal value is 12190387.

Hex triplet	ba02b3	`#ba02b3`
RGB Decimal	186, 2, 179	`rgb(186,2,179)`
RGB Percent	72.9, 0.8, 70.2	`rgb(72.9%,0.8%,70.2%)`
CMYK	0, 99, 4, 27
HSL	302.3°, 97.9, 36.9	`hsl(302.3,97.9%,36.9%)`
HSV (or HSB)	302.3°, 98.9, 72.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	43.857, 76.296, -44.439
XYZ	28.408, 13.739, 43.801
xyY	0.331, 0.16, 13.739
CIE-LCH	43.857, 88.295, 329.781
CIE-LUV	43.857, 64.261, -74.342
Hunter-Lab	37.067, 71.935, -44.116
Binary	10111010, 00000010, 10110011

#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#02ba09
```
#02ba09 rgb(2,186,9)
```

Complementary Color

#6502ba
```
#6502ba rgb(101,2,186)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#ba0257
```
#ba0257 rgb(186,2,87)
```

Analogous Color

#02ba65
```
#02ba65 rgb(2,186,101)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#57ba02
```
#57ba02 rgb(87,186,2)
```

Split Complementary Color

#02b3ba
```
#02b3ba rgb(2,179,186)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#b3ba02
```
#b3ba02 rgb(179,186,2)
```

Triadic Color

#0902ba
```
#0902ba rgb(9,2,186)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#b3ba02
```
#b3ba02 rgb(179,186,2)
```
#02ba09
```
#02ba09 rgb(2,186,9)
```

Tetradic Color

#6e016a
```
#6e016a rgb(110,1,106)
```
#880182
```
#880182 rgb(136,1,130)
```
#a1029b
```
#a1029b rgb(161,2,155)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#d302cb
```
#d302cb rgb(211,2,203)
```
#ec03e4
```
#ec03e4 rgb(236,3,228)
```
#fc0cf3
```
#fc0cf3 rgb(252,12,243)
```

Monochromatic Color

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

#9302ba
```
#9302ba rgb(147,2,186)
```
#a202ba
```
#a202ba rgb(162,2,186)
```
#b202ba
```
#b202ba rgb(178,2,186)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#ba02a4
```
#ba02a4 rgb(186,2,164)
```
#ba0294
```
#ba0294 rgb(186,2,148)
```
#ba0285
```
#ba0285 rgb(186,2,133)
```

Similar Colors

Text with hexadecimal color #ba02b3

This text has a font color of #ba02b3.

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

#ba02b3 background color

This paragraph has a background color of #ba02b3.

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

#ba02b3 border color

This element has a border color of #ba02b3.

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

CSS codes

.text {color:#ba02b3;}

.background {background-color:#ba02b3;}

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

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

#0b000b
```
#0b000b rgb(11,0,11)
```
#1f001e
```
#1f001e rgb(31,0,30)
```
#320130
```
#320130 rgb(50,1,48)
```
#460143
```
#460143 rgb(70,1,67)
```
#590156
```
#590156 rgb(89,1,86)
```
#6c0168
```
#6c0168 rgb(108,1,104)
```
#80017b
```
#80017b rgb(128,1,123)
```
#93028e
```
#93028e rgb(147,2,142)
```
#a702a0
```
#a702a0 rgb(167,2,160)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```
#cd02c6
```
#cd02c6 rgb(205,2,198)
```
#e102d8
```
#e102d8 rgb(225,2,216)
```
#f403eb
```
#f403eb rgb(244,3,235)
```

Shade Color Variation

#fc0ef3
```
#fc0ef3 rgb(252,14,243)
```
#fd21f4
```
#fd21f4 rgb(253,33,244)
```
#fd35f5
```
#fd35f5 rgb(253,53,245)
```
#fd48f6
```
#fd48f6 rgb(253,72,246)
```
#fd5cf7
```
#fd5cf7 rgb(253,92,247)
```
#fd6ff8
```
#fd6ff8 rgb(253,111,248)
```
#fe82f9
```
#fe82f9 rgb(254,130,249)
```
#fe96fa
```
#fe96fa rgb(254,150,250)
```
#fea9fb
```
#fea9fb rgb(254,169,251)
```
#febdfc
```
#febdfc rgb(254,189,252)
```
#fed0fd
```
#fed0fd rgb(254,208,253)
```
#ffe4fe
```
#ffe4fe rgb(255,228,254)
```
#fff7ff
```
#fff7ff rgb(255,247,255)
```

Tint Color Variation

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

#635963
```
#635963 rgb(99,89,99)
```
#6a526a
```
#6a526a rgb(106,82,106)
```
#724a70
```
#724a70 rgb(114,74,112)
```
#794377
```
#794377 rgb(121,67,119)
```
#803c7e
```
#803c7e rgb(128,60,126)
```
#873584
```
#873584 rgb(135,53,132)
```
#8f2d8b
```
#8f2d8b rgb(143,45,139)
```
#962692
```
#962692 rgb(150,38,146)
```
#9d1f98
```
#9d1f98 rgb(157,31,152)
```
#a4189f
```
#a4189f rgb(164,24,159)
```
#ac10a6
```
#ac10a6 rgb(172,16,166)
```
#b309ac
```
#b309ac rgb(179,9,172)
```
#ba02b3
```
#ba02b3 rgb(186,2,179)
```

Tone Color Variation

Below, you can see how #ba02b3 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
#633e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#516fa5 Deuteranopia 1% of men
#b24e53 Tritanopia 0.001% of the population

Trichromacy

#4345c7 Protanomaly 1% of men, 0.01% of women
#7747aa Deuteranomaly 6% of men, 0.4% of women
#b53276 Tritanomaly 0.01% of the population

#ba02b3 hex color

#ba02b3 Color Information

#ba02b3 Color Conversion

Color Schemes with #ba02b3

Alternatives to #ba02b3

#ba02b3 Preview

Shades and Tints of #ba02b3

Tones of #ba02b3

Color Blindness Simulator