colorhexa.com

#ba03d4 hex color

In a RGB color space, hex #ba03d4 is composed of 72.9% red, 1.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 98.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 292.5 degrees, a saturation of 97.2% and a lightness of 42.2%. #ba03d4 color hex could be obtained by blending #ff06ff with #7500a9. Closest websafe color is: #cc00cc.

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

● #ba03d4 color description : Strong magenta.

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

Hex triplet	ba03d4	`#ba03d4`
RGB Decimal	186, 3, 212	`rgb(186,3,212)`
RGB Percent	72.9, 1.2, 83.1	`rgb(72.9%,1.2%,83.1%)`
CMYK	12, 99, 0, 17
HSL	292.5°, 97.2, 42.2	`hsl(292.5,97.2%,42.2%)`
HSV (or HSB)	292.5°, 98.6, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.988, 81.243, -60.252
XYZ	32.165, 15.259, 63.535
xyY	0.29, 0.138, 15.259
CIE-LCH	45.988, 101.148, 323.438
CIE-LUV	45.988, 52.022, -98.207
Hunter-Lab	39.063, 78.616, -69.088
Binary	10111010, 00000011, 11010100

#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#1dd403
```
#1dd403 rgb(29,212,3)
```

Complementary Color

#5103d4
```
#5103d4 rgb(81,3,212)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#d40386
```
#d40386 rgb(212,3,134)
```

Analogous Color

#03d451
```
#03d451 rgb(3,212,81)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#86d403
```
#86d403 rgb(134,212,3)
```

Split Complementary Color

#03d4ba
```
#03d4ba rgb(3,212,186)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#d4ba03
```
#d4ba03 rgb(212,186,3)
```

Triadic Color

#780289
```
#780289 rgb(120,2,137)
```
#8e02a2
```
#8e02a2 rgb(142,2,162)
```
#a403bb
```
#a403bb rgb(164,3,187)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#d003ed
```
#d003ed rgb(208,3,237)
```
#de0efc
```
#de0efc rgb(222,14,252)
```
#e228fc
```
#e228fc rgb(226,40,252)
```

Monochromatic Color

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

#8603d4
```
#8603d4 rgb(134,3,212)
```
#9703d4
```
#9703d4 rgb(151,3,212)
```
#a903d4
```
#a903d4 rgb(169,3,212)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#cb03d4
```
#cb03d4 rgb(203,3,212)
```
#d403cb
```
#d403cb rgb(212,3,203)
```
#d403ba
```
#d403ba rgb(212,3,186)
```

Similar Colors

Text with hexadecimal color #ba03d4

This text has a font color of #ba03d4.

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

#ba03d4 background color

This paragraph has a background color of #ba03d4.

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

#ba03d4 border color

This element has a border color of #ba03d4.

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

CSS codes

.text {color:#ba03d4;}

.background {background-color:#ba03d4;}

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

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

#100013
```
#100013 rgb(16,0,19)
```
#210126
```
#210126 rgb(33,1,38)
```
#320139
```
#320139 rgb(50,1,57)
```
#43014d
```
#43014d rgb(67,1,77)
```
#540160
```
#540160 rgb(84,1,96)
```
#650273
```
#650273 rgb(101,2,115)
```
#760287
```
#760287 rgb(118,2,135)
```
#87029a
```
#87029a rgb(135,2,154)
```
#9802ad
```
#9802ad rgb(152,2,173)
```
#a903c1
```
#a903c1 rgb(169,3,193)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```
#cb03e7
```
#cb03e7 rgb(203,3,231)
```
#dc04fb
```
#dc04fb rgb(220,4,251)
```

Shade Color Variation

#df16fc
```
#df16fc rgb(223,22,252)
```
#e229fc
```
#e229fc rgb(226,41,252)
```
#e43dfc
```
#e43dfc rgb(228,61,252)
```
#e750fd
```
#e750fd rgb(231,80,253)
```
#ea64fd
```
#ea64fd rgb(234,100,253)
```
#ec77fd
```
#ec77fd rgb(236,119,253)
```
#ef8afd
```
#ef8afd rgb(239,138,253)
```
#f29efe
```
#f29efe rgb(242,158,254)
```
#f4b1fe
```
#f4b1fe rgb(244,177,254)
```
#f7c4fe
```
#f7c4fe rgb(247,196,254)
```
#fad8fe
```
#fad8fe rgb(250,216,254)
```
#fcebff
```
#fcebff rgb(252,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#6f6671
```
#6f6671 rgb(111,102,113)
```
#765e79
```
#765e79 rgb(118,94,121)
```
#7c5681
```
#7c5681 rgb(124,86,129)
```
#824d8a
```
#824d8a rgb(130,77,138)
```
#884592
```
#884592 rgb(136,69,146)
```
#8f3d9a
```
#8f3d9a rgb(143,61,154)
```
#9535a2
```
#9535a2 rgb(149,53,162)
```
#9b2cab
```
#9b2cab rgb(155,44,171)
```
#a124b3
```
#a124b3 rgb(161,36,179)
```
#a71cbb
```
#a71cbb rgb(167,28,187)
```
#ae14c3
```
#ae14c3 rgb(174,20,195)
```
#b40bcc
```
#b40bcc rgb(180,11,204)
```
#ba03d4
```
#ba03d4 rgb(186,3,212)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#67426c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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