colorhexa.com

#ba03e6 hex color

In a RGB color space, hex #ba03e6 is composed of 72.9% red, 1.2% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 19.1% cyan, 98.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 288.4 degrees, a saturation of 97.4% and a lightness of 45.7%. #ba03e6 color hex could be obtained by blending #ff06ff with #7500cd. Closest websafe color is: #cc00ff.

- R 73
- G 1
- B 90
RGB color chart
- C 19
- M 99
- Y 0
- K 10
CMYK color chart

● #ba03e6 color description : Vivid magenta.

The hexadecimal color #ba03e6 has RGB values of R:186, G:3, B:230 and CMYK values of C:0.19, M:0.99, Y:0, K:0.1. Its decimal value is 12190694.

Hex triplet	ba03e6	`#ba03e6`
RGB Decimal	186, 3, 230	`rgb(186,3,230)`
RGB Percent	72.9, 1.2, 90.2	`rgb(72.9%,1.2%,90.2%)`
CMYK	19, 99, 0, 10
HSL	288.4°, 97.4, 45.7	`hsl(288.4,97.4%,45.7%)`
HSV (or HSB)	288.4°, 98.7, 90.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	47.261, 84.212, -68.472
XYZ	34.564, 16.219, 76.169
xyY	0.272, 0.128, 16.219
CIE-LCH	47.261, 108.536, 320.885
CIE-LUV	47.261, 46.201, -110.625
Hunter-Lab	40.273, 82.717, -83.945
Binary	10111010, 00000011, 11100110

#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#2fe603
```
#2fe603 rgb(47,230,3)
```

Complementary Color

#4803e6
```
#4803e6 rgb(72,3,230)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#e603a1
```
#e603a1 rgb(230,3,161)
```

Analogous Color

#03e648
```
#03e648 rgb(3,230,72)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#a1e603
```
#a1e603 rgb(161,230,3)
```

Split Complementary Color

#03e6ba
```
#03e6ba rgb(3,230,186)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#e6ba03
```
#e6ba03 rgb(230,186,3)
```

Triadic Color

#7d029a
```
#7d029a rgb(125,2,154)
```
#9102b4
```
#9102b4 rgb(145,2,180)
```
#a603cd
```
#a603cd rgb(166,3,205)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#cc07fc
```
#cc07fc rgb(204,7,252)
```
#d120fc
```
#d120fc rgb(209,32,252)
```
#d739fc
```
#d739fc rgb(215,57,252)
```

Monochromatic Color

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

#8103e6
```
#8103e6 rgb(129,3,230)
```
#9403e6
```
#9403e6 rgb(148,3,230)
```
#a703e6
```
#a703e6 rgb(167,3,230)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#cd03e6
```
#cd03e6 rgb(205,3,230)
```
#e003e6
```
#e003e6 rgb(224,3,230)
```
#e603d9
```
#e603d9 rgb(230,3,217)
```

Similar Colors

Text with hexadecimal color #ba03e6

This text has a font color of #ba03e6.

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

#ba03e6 background color

This paragraph has a background color of #ba03e6.

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

#ba03e6 border color

This element has a border color of #ba03e6.

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

CSS codes

.text {color:#ba03e6;}

.background {background-color:#ba03e6;}

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

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

#0e0011
```
#0e0011 rgb(14,0,17)
```
#1d0024
```
#1d0024 rgb(29,0,36)
```
#2d0138
```
#2d0138 rgb(45,1,56)
```
#3d014b
```
#3d014b rgb(61,1,75)
```
#4c015e
```
#4c015e rgb(76,1,94)
```
#5c0172
```
#5c0172 rgb(92,1,114)
```
#6c0285
```
#6c0285 rgb(108,2,133)
```
#7b0299
```
#7b0299 rgb(123,2,153)
```
#8b02ac
```
#8b02ac rgb(139,2,172)
```
#9b02bf
```
#9b02bf rgb(155,2,191)
```
#aa03d3
```
#aa03d3 rgb(170,3,211)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```
#ca03f9
```
#ca03f9 rgb(202,3,249)
```

Shade Color Variation

#cf14fc
```
#cf14fc rgb(207,20,252)
```
#d328fc
```
#d328fc rgb(211,40,252)
```
#d73bfc
```
#d73bfc rgb(215,59,252)
```
#db4efd
```
#db4efd rgb(219,78,253)
```
#df62fd
```
#df62fd rgb(223,98,253)
```
#e375fd
```
#e375fd rgb(227,117,253)
```
#e788fd
```
#e788fd rgb(231,136,253)
```
#eb9cfe
```
#eb9cfe rgb(235,156,254)
```
#efaffe
```
#efaffe rgb(239,175,254)
```
#f3c3fe
```
#f3c3fe rgb(243,195,254)
```
#f7d6fe
```
#f7d6fe rgb(247,214,254)
```
#fbe9ff
```
#fbe9ff rgb(251,233,255)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#786f7a
```
#786f7a rgb(120,111,122)
```
#7e6683
```
#7e6683 rgb(126,102,131)
```
#835d8c
```
#835d8c rgb(131,93,140)
```
#895495
```
#895495 rgb(137,84,149)
```
#8e4b9e
```
#8e4b9e rgb(142,75,158)
```
#9442a7
```
#9442a7 rgb(148,66,167)
```
#9939b0
```
#9939b0 rgb(153,57,176)
```
#9f30b9
```
#9f30b9 rgb(159,48,185)
```
#a427c2
```
#a427c2 rgb(164,39,194)
```
#aa1ecb
```
#aa1ecb rgb(170,30,203)
```
#af15d4
```
#af15d4 rgb(175,21,212)
```
#b50cdd
```
#b50cdd rgb(181,12,221)
```
#ba03e6
```
#ba03e6 rgb(186,3,230)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#684471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e1 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#a96369 Tritanopia 0.001% of the population

Trichromacy

#434ae3 Protanomaly 1% of men, 0.01% of women
#434ed3 Deuteranomaly 6% of men, 0.4% of women
#af4096 Tritanomaly 0.01% of the population