#ba04f6 hex color

In a RGB color space, hex #ba04f6 is composed of 72.9% red, 1.6% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 98.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 285.1 degrees, a saturation of 96.8% and a lightness of 49%. #ba04f6 color hex could be obtained by blending #ff08ff with #7500ed. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 2
- B 96
RGB color chart
- C 24
- M 98
- Y 0
- K 4
CMYK color chart

● #ba04f6 color description : Vivid magenta.

The hexadecimal color #ba04f6 has RGB values of R:186, G:4, B:246 and CMYK values of C:0.24, M:0.98, Y:0, K:0.04. Its decimal value is 12190966.

Hex triplet	ba04f6	`#ba04f6`
RGB Decimal	186, 4, 246	`rgb(186,4,246)`
RGB Percent	72.9, 1.6, 96.5	`rgb(72.9%,1.6%,96.5%)`
CMYK	24, 98, 0, 4
HSL	285.1°, 96.8, 49	`hsl(285.1,96.8%,49%)`
HSV (or HSB)	285.1°, 98.4, 96.5
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.488, 86.874, -75.502
XYZ	36.926, 17.181, 88.555
xyY	0.259, 0.12, 17.181
CIE-LCH	48.488, 115.098, 319.006
CIE-LUV	48.488, 41.457, -121.253
Hunter-Lab	41.45, 86.477, -97.653
Binary	10111010, 00000100, 11110110

#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#40f604
```
#40f604 rgb(64,246,4)
```

Complementary Color

#4104f6
```
#4104f6 rgb(65,4,246)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#f604b9
```
#f604b9 rgb(246,4,185)
```

Analogous Color

#04f641
```
#04f641 rgb(4,246,65)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#b9f604
```
#b9f604 rgb(185,246,4)
```

Split Complementary Color

#04f6ba
```
#04f6ba rgb(4,246,186)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#f6ba04
```
#f6ba04 rgb(246,186,4)
```

Triadic Color

#0440f6
```
#0440f6 rgb(4,64,246)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#f6ba04
```
#f6ba04 rgb(246,186,4)
```
#40f604
```
#40f604 rgb(64,246,4)
```

Tetradic Color

#8103ab
```
#8103ab rgb(129,3,171)
```
#9403c4
```
#9403c4 rgb(148,3,196)
```
#a704dd
```
#a704dd rgb(167,4,221)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#c318fb
```
#c318fb rgb(195,24,251)
```
#c931fc
```
#c931fc rgb(201,49,252)
```
#d04afc
```
#d04afc rgb(208,74,252)
```

Monochromatic Color

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

#7e04f6
```
#7e04f6 rgb(126,4,246)
```
#9204f6
```
#9204f6 rgb(146,4,246)
```
#a604f6
```
#a604f6 rgb(166,4,246)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```
#ce04f6
```
#ce04f6 rgb(206,4,246)
```
#e204f6
```
#e204f6 rgb(226,4,246)
```
#f604f6
```
#f604f6 rgb(246,4,246)
```

Similar Colors

Text with hexadecimal color #ba04f6

This text has a font color of #ba04f6.

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

#ba04f6 background color

This paragraph has a background color of #ba04f6.

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

#ba04f6 border color

This element has a border color of #ba04f6.

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

CSS codes

.text {color:#ba04f6;}

.background {background-color:#ba04f6;}

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

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

#0b000e
```
#0b000e rgb(11,0,14)
```
#190122
```
#190122 rgb(25,1,34)
```
#280135
```
#280135 rgb(40,1,53)
```
#370148
```
#370148 rgb(55,1,72)
```
#45015c
```
#45015c rgb(69,1,92)
```
#54026f
```
#54026f rgb(84,2,111)
```
#620282
```
#620282 rgb(98,2,130)
```
#710295
```
#710295 rgb(113,2,149)
```
#8003a9
```
#8003a9 rgb(128,3,169)
```
#8e03bc
```
#8e03bc rgb(142,3,188)
```
#9d03cf
```
#9d03cf rgb(157,3,207)
```
#ab04e3
```
#ab04e3 rgb(171,4,227)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```

Shade Color Variation

#c112fb
```
#c112fb rgb(193,18,251)
```
#c626fb
```
#c626fb rgb(198,38,251)
```
#cc39fc
```
#cc39fc rgb(204,57,252)
```
#d14cfc
```
#d14cfc rgb(209,76,252)
```
#d660fc
```
#d660fc rgb(214,96,252)
```
#db73fd
```
#db73fd rgb(219,115,253)
```
#e086fd
```
#e086fd rgb(224,134,253)
```
#e59afd
```
#e59afd rgb(229,154,253)
```
#eaadfe
```
#eaadfe rgb(234,173,254)
```
#efc0fe
```
#efc0fe rgb(239,192,254)
```
#f4d3fe
```
#f4d3fe rgb(244,211,254)
```
#f9e7ff
```
#f9e7ff rgb(249,231,255)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#807783
```
#807783 rgb(128,119,131)
```
#856e8c
```
#856e8c rgb(133,110,140)
```
#8a6496
```
#8a6496 rgb(138,100,150)
```
#8e5b9f
```
#8e5b9f rgb(142,91,159)
```
#9351a9
```
#9351a9 rgb(147,81,169)
```
#9847b3
```
#9847b3 rgb(152,71,179)
```
#9d3ebc
```
#9d3ebc rgb(157,62,188)
```
#a234c6
```
#a234c6 rgb(162,52,198)
```
#a72ad0
```
#a72ad0 rgb(167,42,208)
```
#ab21d9
```
#ab21d9 rgb(171,33,217)
```
#b017e3
```
#b017e3 rgb(176,23,227)
```
#b50eec
```
#b50eec rgb(181,14,236)
```
#ba04f6
```
#ba04f6 rgb(186,4,246)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6a4676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a56970 Tritanopia 0.001% of the population

Trichromacy

#434dec Protanomaly 1% of men, 0.01% of women
#4350db Deuteranomaly 6% of men, 0.4% of women
#ac44a1 Tritanomaly 0.01% of the population

#ba04f6 hex color

#ba04f6 Color Information

#ba04f6 Color Conversion

Color Schemes with #ba04f6

Alternatives to #ba04f6

#ba04f6 Preview

Shades and Tints of #ba04f6

Tones of #ba04f6

Color Blindness Simulator