#ba05f4 hex color

In a RGB color space, hex #ba05f4 is composed of 72.9% red, 2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 98% magenta, 0% yellow and 4.3% black. It has a hue angle of 285.4 degrees, a saturation of 96% and a lightness of 48.8%. #ba05f4 color hex could be obtained by blending #ff0aff with #7500e9. 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

● #ba05f4 color description : Vivid magenta.

The hexadecimal color #ba05f4 has RGB values of R:186, G:5, B:244 and CMYK values of C:0.24, M:0.98, Y:0, K:0.04. Its decimal value is 12191220.

Hex triplet	ba05f4	`#ba05f4`
RGB Decimal	186, 5, 244	`rgb(186,5,244)`
RGB Percent	72.9, 2, 95.7	`rgb(72.9%,2%,95.7%)`
CMYK	24, 98, 0, 4
HSL	285.4°, 96, 48.8	`hsl(285.4,96%,48.8%)`
HSV (or HSB)	285.4°, 98, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.362, 86.444, -74.584
XYZ	36.631, 17.081, 86.95
xyY	0.26, 0.121, 17.081
CIE-LCH	48.362, 114.173, 319.212
CIE-LUV	48.362, 41.991, -119.892
Hunter-Lab	41.329, 85.885, -95.808
Binary	10111010, 00000101, 11110100

#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#3ff405
```
#3ff405 rgb(63,244,5)
```

Complementary Color

#4305f4
```
#4305f4 rgb(67,5,244)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#f405b7
```
#f405b7 rgb(244,5,183)
```

Analogous Color

#05f443
```
#05f443 rgb(5,244,67)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#b7f405
```
#b7f405 rgb(183,244,5)
```

Split Complementary Color

#05f4ba
```
#05f4ba rgb(5,244,186)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#f4ba05
```
#f4ba05 rgb(244,186,5)
```

Triadic Color

#053ff4
```
#053ff4 rgb(5,63,244)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#f4ba05
```
#f4ba05 rgb(244,186,5)
```
#3ff405
```
#3ff405 rgb(63,244,5)
```

Tetradic Color

#8103a9
```
#8103a9 rgb(129,3,169)
```
#9404c2
```
#9404c2 rgb(148,4,194)
```
#a704db
```
#a704db rgb(167,4,219)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#c318fa
```
#c318fa rgb(195,24,250)
```
#ca31fb
```
#ca31fb rgb(202,49,251)
```
#d04afb
```
#d04afb rgb(208,74,251)
```

Monochromatic Color

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

#7e05f4
```
#7e05f4 rgb(126,5,244)
```
#9205f4
```
#9205f4 rgb(146,5,244)
```
#a605f4
```
#a605f4 rgb(166,5,244)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```
#ce05f4
```
#ce05f4 rgb(206,5,244)
```
#e205f4
```
#e205f4 rgb(226,5,244)
```
#f405f2
```
#f405f2 rgb(244,5,242)
```

Similar Colors

Text with hexadecimal color #ba05f4

This text has a font color of #ba05f4.

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

#ba05f4 background color

This paragraph has a background color of #ba05f4.

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

#ba05f4 border color

This element has a border color of #ba05f4.

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

CSS codes

.text {color:#ba05f4;}

.background {background-color:#ba05f4;}

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

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

#0a000d
```
#0a000d rgb(10,0,13)
```
#190121
```
#190121 rgb(25,1,33)
```
#270134
```
#270134 rgb(39,1,52)
```
#360147
```
#360147 rgb(54,1,71)
```
#45025a
```
#45025a rgb(69,2,90)
```
#53026d
```
#53026d rgb(83,2,109)
```
#620381
```
#620381 rgb(98,3,129)
```
#710394
```
#710394 rgb(113,3,148)
```
#7f03a7
```
#7f03a7 rgb(127,3,167)
```
#8e04ba
```
#8e04ba rgb(142,4,186)
```
#9d04ce
```
#9d04ce rgb(157,4,206)
```
#ab05e1
```
#ab05e1 rgb(171,5,225)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```

Shade Color Variation

#c212fa
```
#c212fa rgb(194,18,250)
```
#c726fb
```
#c726fb rgb(199,38,251)
```
#cc39fb
```
#cc39fb rgb(204,57,251)
```
#d14cfb
```
#d14cfb rgb(209,76,251)
```
#d65ffc
```
#d65ffc rgb(214,95,252)
```
#db73fc
```
#db73fc rgb(219,115,252)
```
#e086fd
```
#e086fd rgb(224,134,253)
```
#e599fd
```
#e599fd rgb(229,153,253)
```
#eaacfd
```
#eaacfd rgb(234,172,253)
```
#efbffe
```
#efbffe rgb(239,191,254)
```
#f4d3fe
```
#f4d3fe rgb(244,211,254)
```
#f9e6fe
```
#f9e6fe rgb(249,230,254)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#7f7881
```
#7f7881 rgb(127,120,129)
```
#846e8b
```
#846e8b rgb(132,110,139)
```
#896594
```
#896594 rgb(137,101,148)
```
#8e5b9e
```
#8e5b9e rgb(142,91,158)
```
#9352a7
```
#9352a7 rgb(147,82,167)
```
#9748b1
```
#9748b1 rgb(151,72,177)
```
#9c3ebb
```
#9c3ebb rgb(156,62,187)
```
#a135c4
```
#a135c4 rgb(161,53,196)
```
#a62bce
```
#a62bce rgb(166,43,206)
```
#ab22d7
```
#ab22d7 rgb(171,34,215)
```
#b018e1
```
#b018e1 rgb(176,24,225)
```
#b50fea
```
#b50fea rgb(181,15,234)
```
#ba05f4
```
#ba05f4 rgb(186,5,244)
```

Tone Color Variation

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

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a56870 Tritanopia 0.001% of the population

Trichromacy

#434deb Protanomaly 1% of men, 0.01% of women
#4351da Deuteranomaly 6% of men, 0.4% of women
#ad44a0 Tritanomaly 0.01% of the population

#ba05f4 hex color

#ba05f4 Color Information

#ba05f4 Color Conversion

Color Schemes with #ba05f4

Alternatives to #ba05f4

#ba05f4 Preview

Shades and Tints of #ba05f4

Tones of #ba05f4

Color Blindness Simulator