#ba03b4 hex color

In a RGB color space, hex #ba03b4 is composed of 72.9% red, 1.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.4% magenta, 3.2% yellow and 27.1% black. It has a hue angle of 302 degrees, a saturation of 96.8% and a lightness of 37.1%. #ba03b4 color hex could be obtained by blending #ff06ff with #750069. Closest websafe color is: #cc00cc.

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

● #ba03b4 color description : Strong magenta.

The hexadecimal color #ba03b4 has RGB values of R:186, G:3, B:180 and CMYK values of C:0, M:0.98, Y:0.03, K:0.27. Its decimal value is 12190644.

Hex triplet	ba03b4	`#ba03b4`
RGB Decimal	186, 3, 180	`rgb(186,3,180)`
RGB Percent	72.9, 1.2, 70.6	`rgb(72.9%,1.2%,70.6%)`
CMYK	0, 98, 3, 27
HSL	302°, 96.8, 37.1	`hsl(302,96.8%,37.1%)`
HSV (or HSB)	302°, 98.4, 72.9
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	43.947, 76.347, -44.886
XYZ	28.52, 13.802, 44.339
xyY	0.329, 0.159, 13.802
CIE-LCH	43.947, 88.564, 329.548
CIE-LUV	43.947, 63.808, -75.02
Hunter-Lab	37.151, 72.019, -44.758
Binary	10111010, 00000011, 10110100

#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#03ba09
```
#03ba09 rgb(3,186,9)
```

Complementary Color

#6503ba
```
#6503ba rgb(101,3,186)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#ba0359
```
#ba0359 rgb(186,3,89)
```

Analogous Color

#03ba65
```
#03ba65 rgb(3,186,101)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#59ba03
```
#59ba03 rgb(89,186,3)
```

Split Complementary Color

#03b4ba
```
#03b4ba rgb(3,180,186)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#b4ba03
```
#b4ba03 rgb(180,186,3)
```

Triadic Color

#0903ba
```
#0903ba rgb(9,3,186)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#b4ba03
```
#b4ba03 rgb(180,186,3)
```
#03ba09
```
#03ba09 rgb(3,186,9)
```

Tetradic Color

#6f026b
```
#6f026b rgb(111,2,107)
```
#880283
```
#880283 rgb(136,2,131)
```
#a1039c
```
#a1039c rgb(161,3,156)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#d303cc
```
#d303cc rgb(211,3,204)
```
#ec04e5
```
#ec04e5 rgb(236,4,229)
```
#fb0ef3
```
#fb0ef3 rgb(251,14,243)
```

Monochromatic Color

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

#9203ba
```
#9203ba rgb(146,3,186)
```
#a203ba
```
#a203ba rgb(162,3,186)
```
#b103ba
```
#b103ba rgb(177,3,186)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#ba03a5
```
#ba03a5 rgb(186,3,165)
```
#ba0396
```
#ba0396 rgb(186,3,150)
```
#ba0386
```
#ba0386 rgb(186,3,134)
```

Similar Colors

Text with hexadecimal color #ba03b4

This text has a font color of #ba03b4.

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

#ba03b4 background color

This paragraph has a background color of #ba03b4.

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

#ba03b4 border color

This element has a border color of #ba03b4.

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

CSS codes

.text {color:#ba03b4;}

.background {background-color:#ba03b4;}

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

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

#0c000c
```
#0c000c rgb(12,0,12)
```
#20011f
```
#20011f rgb(32,1,31)
```
#330131
```
#330131 rgb(51,1,49)
```
#460144
```
#460144 rgb(70,1,68)
```
#590157
```
#590157 rgb(89,1,87)
```
#6d0269
```
#6d0269 rgb(109,2,105)
```
#80027c
```
#80027c rgb(128,2,124)
```
#93028f
```
#93028f rgb(147,2,143)
```
#a703a1
```
#a703a1 rgb(167,3,161)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```
#cd03c7
```
#cd03c7 rgb(205,3,199)
```
#e104d9
```
#e104d9 rgb(225,4,217)
```
#f404ec
```
#f404ec rgb(244,4,236)
```

Shade Color Variation

#fb10f3
```
#fb10f3 rgb(251,16,243)
```
#fb24f4
```
#fb24f4 rgb(251,36,244)
```
#fc37f5
```
#fc37f5 rgb(252,55,245)
```
#fc4af6
```
#fc4af6 rgb(252,74,246)
```
#fc5ef7
```
#fc5ef7 rgb(252,94,247)
```
#fd71f8
```
#fd71f8 rgb(253,113,248)
```
#fd84f9
```
#fd84f9 rgb(253,132,249)
```
#fd97fa
```
#fd97fa rgb(253,151,250)
```
#feabfb
```
#feabfb rgb(254,171,251)
```
#febefc
```
#febefc rgb(254,190,252)
```
#fed1fd
```
#fed1fd rgb(254,209,253)
```
#ffe5fe
```
#ffe5fe rgb(255,229,254)
```
#fff8ff
```
#fff8ff rgb(255,248,255)
```

Tint Color Variation

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

#635a62
```
#635a62 rgb(99,90,98)
```
#6a5369
```
#6a5369 rgb(106,83,105)
```
#714c70
```
#714c70 rgb(113,76,112)
```
#794477
```
#794477 rgb(121,68,119)
```
#803d7e
```
#803d7e rgb(128,61,126)
```
#873684
```
#873684 rgb(135,54,132)
```
#8e2f8b
```
#8e2f8b rgb(142,47,139)
```
#962792
```
#962792 rgb(150,39,146)
```
#9d2099
```
#9d2099 rgb(157,32,153)
```
#a419a0
```
#a419a0 rgb(164,25,160)
```
#ab12a6
```
#ab12a6 rgb(171,18,166)
```
#b30aad
```
#b30aad rgb(179,10,173)
```
#ba03b4
```
#ba03b4 rgb(186,3,180)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#643f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#506fa6 Deuteranopia 1% of men
#b24f53 Tritanopia 0.001% of the population

Trichromacy

#4346c8 Protanomaly 1% of men, 0.01% of women
#7648ab Deuteranomaly 6% of men, 0.4% of women
#b53376 Tritanomaly 0.01% of the population

#ba03b4 hex color

#ba03b4 Color Information

#ba03b4 Color Conversion

Color Schemes with #ba03b4

Alternatives to #ba03b4

#ba03b4 Preview

Shades and Tints of #ba03b4

Tones of #ba03b4

Color Blindness Simulator