#ba02d4 hex color

In a RGB color space, hex #ba02d4 is composed of 72.9% red, 0.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 99.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 292.6 degrees, a saturation of 98.1% and a lightness of 42%. #ba02d4 color hex could be obtained by blending #ff04ff with #7500a9. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 1
- B 83
RGB color chart
- C 12
- M 99
- Y 0
- K 17
CMYK color chart

● #ba02d4 color description : Strong magenta.

The hexadecimal color #ba02d4 has RGB values of R:186, G:2, B:212 and CMYK values of C:0.12, M:0.99, Y:0, K:0.17. Its decimal value is 12190420.

Hex triplet	ba02d4	`#ba02d4`
RGB Decimal	186, 2, 212	`rgb(186,2,212)`
RGB Percent	72.9, 0.8, 83.1	`rgb(72.9%,0.8%,83.1%)`
CMYK	12, 99, 0, 17
HSL	292.6°, 98.1, 42	`hsl(292.6,98.1%,42%)`
HSV (or HSB)	292.6°, 99.1, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.958, 81.331, -60.3
XYZ	32.154, 15.238, 63.531
xyY	0.29, 0.137, 15.238
CIE-LCH	45.958, 101.246, 323.446
CIE-LUV	45.958, 52.062, -98.263
Hunter-Lab	39.036, 78.719, -69.171
Binary	10111010, 00000010, 11010100

#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#1cd402
```
#1cd402 rgb(28,212,2)
```

Complementary Color

#5102d4
```
#5102d4 rgb(81,2,212)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#d40285
```
#d40285 rgb(212,2,133)
```

Analogous Color

#02d451
```
#02d451 rgb(2,212,81)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#85d402
```
#85d402 rgb(133,212,2)
```

Split Complementary Color

#02d4ba
```
#02d4ba rgb(2,212,186)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#d4ba02
```
#d4ba02 rgb(212,186,2)
```

Triadic Color

#021cd4
```
#021cd4 rgb(2,28,212)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#d4ba02
```
#d4ba02 rgb(212,186,2)
```
#1cd402
```
#1cd402 rgb(28,212,2)
```

Tetradic Color

#780188
```
#780188 rgb(120,1,136)
```
#8e02a1
```
#8e02a1 rgb(142,2,161)
```
#a402bb
```
#a402bb rgb(164,2,187)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#d002ed
```
#d002ed rgb(208,2,237)
```
#df0cfd
```
#df0cfd rgb(223,12,253)
```
#e226fd
```
#e226fd rgb(226,38,253)
```

Monochromatic Color

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

#8602d4
```
#8602d4 rgb(134,2,212)
```
#9702d4
```
#9702d4 rgb(151,2,212)
```
#a902d4
```
#a902d4 rgb(169,2,212)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#cc02d4
```
#cc02d4 rgb(204,2,212)
```
#d402cb
```
#d402cb rgb(212,2,203)
```
#d402ba
```
#d402ba rgb(212,2,186)
```

Similar Colors

Text with hexadecimal color #ba02d4

This text has a font color of #ba02d4.

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

#ba02d4 background color

This paragraph has a background color of #ba02d4.

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

#ba02d4 border color

This element has a border color of #ba02d4.

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

CSS codes

.text {color:#ba02d4;}

.background {background-color:#ba02d4;}

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

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

#100012
```
#100012 rgb(16,0,18)
```
#210025
```
#210025 rgb(33,0,37)
```
#320139
```
#320139 rgb(50,1,57)
```
#43014c
```
#43014c rgb(67,1,76)
```
#54015f
```
#54015f rgb(84,1,95)
```
#650173
```
#650173 rgb(101,1,115)
```
#760186
```
#760186 rgb(118,1,134)
```
#87019a
```
#87019a rgb(135,1,154)
```
#9802ad
```
#9802ad rgb(152,2,173)
```
#a902c1
```
#a902c1 rgb(169,2,193)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```
#cb02e7
```
#cb02e7 rgb(203,2,231)
```
#dc02fb
```
#dc02fb rgb(220,2,251)
```

Shade Color Variation

#e014fd
```
#e014fd rgb(224,20,253)
```
#e327fd
```
#e327fd rgb(227,39,253)
```
#e53bfd
```
#e53bfd rgb(229,59,253)
```
#e84efd
```
#e84efd rgb(232,78,253)
```
#ea62fe
```
#ea62fe rgb(234,98,254)
```
#ed75fe
```
#ed75fe rgb(237,117,254)
```
#ef89fe
```
#ef89fe rgb(239,137,254)
```
#f29cfe
```
#f29cfe rgb(242,156,254)
```
#f5b0fe
```
#f5b0fe rgb(245,176,254)
```
#f7c3fe
```
#f7c3fe rgb(247,195,254)
```
#fad6ff
```
#fad6ff rgb(250,214,255)
```
#fceaff
```
#fceaff rgb(252,234,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#706571
```
#706571 rgb(112,101,113)
```
#765d79
```
#765d79 rgb(118,93,121)
```
#7c5482
```
#7c5482 rgb(124,84,130)
```
#824c8a
```
#824c8a rgb(130,76,138)
```
#884492
```
#884492 rgb(136,68,146)
```
#8f3c9a
```
#8f3c9a rgb(143,60,154)
```
#9533a3
```
#9533a3 rgb(149,51,163)
```
#9b2bab
```
#9b2bab rgb(155,43,171)
```
#a123b3
```
#a123b3 rgb(161,35,179)
```
#a71bbb
```
#a71bbb rgb(167,27,187)
```
#ae12c4
```
#ae12c4 rgb(174,18,196)
```
#b40acc
```
#b40acc rgb(180,10,204)
```
#ba02d4
```
#ba02d4 rgb(186,2,212)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#66416b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#2775c1 Deuteranopia 1% of men
#ac5b61 Tritanopia 0.001% of the population

Trichromacy

#4348d9 Protanomaly 1% of men, 0.01% of women
#5d4bc8 Deuteranomaly 6% of men, 0.4% of women
#b13b8b Tritanomaly 0.01% of the population

#ba02d4 hex color

#ba02d4 Color Information

#ba02d4 Color Conversion

Color Schemes with #ba02d4

Alternatives to #ba02d4

#ba02d4 Preview

Shades and Tints of #ba02d4

Tones of #ba02d4

Color Blindness Simulator