#ba04f8 hex color

In a RGB color space, hex #ba04f8 is composed of 72.9% red, 1.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 98.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 284.8 degrees, a saturation of 96.8% and a lightness of 49.4%. #ba04f8 color hex could be obtained by blending #ff08ff with #7500f1. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 2
- B 97
RGB color chart
- C 25
- M 98
- Y 0
- K 3
CMYK color chart

● #ba04f8 color description : Vivid violet.

The hexadecimal color #ba04f8 has RGB values of R:186, G:4, B:248 and CMYK values of C:0.25, M:0.98, Y:0, K:0.03. Its decimal value is 12190968.

Hex triplet	ba04f8	`#ba04f8`
RGB Decimal	186, 4, 248	`rgb(186,4,248)`
RGB Percent	72.9, 1.6, 97.3	`rgb(72.9%,1.6%,97.3%)`
CMYK	25, 98, 0, 3
HSL	284.8°, 96.8, 49.4	`hsl(284.8,96.8%,49.4%)`
HSV (or HSB)	284.8°, 98.4, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.642, 87.224, -76.371
XYZ	37.234, 17.305, 90.181
xyY	0.257, 0.12, 17.305
CIE-LCH	48.642, 115.933, 318.795
CIE-LUV	48.642, 40.897, -122.565
Hunter-Lab	41.599, 86.973, -99.413
Binary	10111010, 00000100, 11111000

#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#42f804
```
#42f804 rgb(66,248,4)
```

Complementary Color

#4004f8
```
#4004f8 rgb(64,4,248)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#f804bc
```
#f804bc rgb(248,4,188)
```

Analogous Color

#04f840
```
#04f840 rgb(4,248,64)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#bcf804
```
#bcf804 rgb(188,248,4)
```

Split Complementary Color

#04f8ba
```
#04f8ba rgb(4,248,186)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#f8ba04
```
#f8ba04 rgb(248,186,4)
```

Triadic Color

#0442f8
```
#0442f8 rgb(4,66,248)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#f8ba04
```
#f8ba04 rgb(248,186,4)
```
#42f804
```
#42f804 rgb(66,248,4)
```

Tetradic Color

#8203ad
```
#8203ad rgb(130,3,173)
```
#9403c6
```
#9403c6 rgb(148,3,198)
```
#a704df
```
#a704df rgb(167,4,223)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#c21afb
```
#c21afb rgb(194,26,251)
```
#c933fc
```
#c933fc rgb(201,51,252)
```
#cf4cfc
```
#cf4cfc rgb(207,76,252)
```

Monochromatic Color

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

#7d04f8
```
#7d04f8 rgb(125,4,248)
```
#9104f8
```
#9104f8 rgb(145,4,248)
```
#a604f8
```
#a604f8 rgb(166,4,248)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```
#ce04f8
```
#ce04f8 rgb(206,4,248)
```
#e304f8
```
#e304f8 rgb(227,4,248)
```
#f704f8
```
#f704f8 rgb(247,4,248)
```

Similar Colors

Text with hexadecimal color #ba04f8

This text has a font color of #ba04f8.

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

#ba04f8 background color

This paragraph has a background color of #ba04f8.

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

#ba04f8 border color

This element has a border color of #ba04f8.

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

CSS codes

.text {color:#ba04f8;}

.background {background-color:#ba04f8;}

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

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

#0c0010
```
#0c0010 rgb(12,0,16)
```
#1b0124
```
#1b0124 rgb(27,1,36)
```
#290137
```
#290137 rgb(41,1,55)
```
#38014a
```
#38014a rgb(56,1,74)
```
#46025e
```
#46025e rgb(70,2,94)
```
#550271
```
#550271 rgb(85,2,113)
```
#630284
```
#630284 rgb(99,2,132)
```
#720297
```
#720297 rgb(114,2,151)
```
#8003ab
```
#8003ab rgb(128,3,171)
```
#8f03be
```
#8f03be rgb(143,3,190)
```
#9d03d1
```
#9d03d1 rgb(157,3,209)
```
#ac04e5
```
#ac04e5 rgb(172,4,229)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```

Shade Color Variation

#c114fb
```
#c114fb rgb(193,20,251)
```
#c628fc
```
#c628fc rgb(198,40,252)
```
#cb3bfc
```
#cb3bfc rgb(203,59,252)
```
#d04efc
```
#d04efc rgb(208,78,252)
```
#d562fc
```
#d562fc rgb(213,98,252)
```
#da75fd
```
#da75fd rgb(218,117,253)
```
#df88fd
```
#df88fd rgb(223,136,253)
```
#e59cfd
```
#e59cfd rgb(229,156,253)
```
#eaaffe
```
#eaaffe rgb(234,175,254)
```
#efc2fe
```
#efc2fe rgb(239,194,254)
```
#f4d5fe
```
#f4d5fe rgb(244,213,254)
```
#f9e9ff
```
#f9e9ff rgb(249,233,255)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#817884
```
#817884 rgb(129,120,132)
```
#866f8d
```
#866f8d rgb(134,111,141)
```
#8a6597
```
#8a6597 rgb(138,101,151)
```
#8f5ba1
```
#8f5ba1 rgb(143,91,161)
```
#9452aa
```
#9452aa rgb(148,82,170)
```
#9948b4
```
#9948b4 rgb(153,72,180)
```
#9d3ebe
```
#9d3ebe rgb(157,62,190)
```
#a234c8
```
#a234c8 rgb(162,52,200)
```
#a72bd1
```
#a72bd1 rgb(167,43,209)
```
#ac21db
```
#ac21db rgb(172,33,219)
```
#b017e5
```
#b017e5 rgb(176,23,229)
```
#b50eee
```
#b50eee rgb(181,14,238)
```
#ba04f8
```
#ba04f8 rgb(186,4,248)
```

Tone Color Variation

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

#0077e7 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#a46a71 Tritanopia 0.001% of the population

Trichromacy

#434ded Protanomaly 1% of men, 0.01% of women
#4351dc Deuteranomaly 6% of men, 0.4% of women
#ac45a2 Tritanomaly 0.01% of the population

#ba04f8 hex color

#ba04f8 Color Information

#ba04f8 Color Conversion

Color Schemes with #ba04f8

Alternatives to #ba04f8

#ba04f8 Preview

Shades and Tints of #ba04f8

Tones of #ba04f8

Color Blindness Simulator