#ba06f4 hex color

In a RGB color space, hex #ba06f4 is composed of 72.9% red, 2.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 97.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 285.4 degrees, a saturation of 95.2% and a lightness of 49%. #ba06f4 color hex could be obtained by blending #ff0cff 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

● #ba06f4 color description : Vivid magenta.

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

Hex triplet	ba06f4	`#ba06f4`
RGB Decimal	186, 6, 244	`rgb(186,6,244)`
RGB Percent	72.9, 2.4, 95.7	`rgb(72.9%,2.4%,95.7%)`
CMYK	24, 98, 0, 4
HSL	285.4°, 95.2, 49	`hsl(285.4,95.2%,49%)`
HSV (or HSB)	285.4°, 97.5, 95.7
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.389, 86.363, -74.54
XYZ	36.642, 17.102, 86.954
xyY	0.26, 0.122, 17.102
CIE-LCH	48.389, 114.082, 319.202
CIE-LUV	48.389, 41.96, -119.847
Hunter-Lab	41.355, 85.785, -95.716
Binary	10111010, 00000110, 11110100

#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#40f406
```
#40f406 rgb(64,244,6)
```

Complementary Color

#4306f4
```
#4306f4 rgb(67,6,244)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#f406b7
```
#f406b7 rgb(244,6,183)
```

Analogous Color

#06f443
```
#06f443 rgb(6,244,67)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#b7f406
```
#b7f406 rgb(183,244,6)
```

Split Complementary Color

#06f4ba
```
#06f4ba rgb(6,244,186)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#f4ba06
```
#f4ba06 rgb(244,186,6)
```

Triadic Color

#0640f4
```
#0640f4 rgb(6,64,244)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#f4ba06
```
#f4ba06 rgb(244,186,6)
```
#40f406
```
#40f406 rgb(64,244,6)
```

Tetradic Color

#8104a9
```
#8104a9 rgb(129,4,169)
```
#9405c2
```
#9405c2 rgb(148,5,194)
```
#a705db
```
#a705db rgb(167,5,219)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#c31af9
```
#c31af9 rgb(195,26,249)
```
#c933fa
```
#c933fa rgb(201,51,250)
```
#d04cfb
```
#d04cfb rgb(208,76,251)
```

Monochromatic Color

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

#7f06f4
```
#7f06f4 rgb(127,6,244)
```
#9206f4
```
#9206f4 rgb(146,6,244)
```
#a606f4
```
#a606f4 rgb(166,6,244)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```
#ce06f4
```
#ce06f4 rgb(206,6,244)
```
#e206f4
```
#e206f4 rgb(226,6,244)
```
#f406f3
```
#f406f3 rgb(244,6,243)
```

Similar Colors

Text with hexadecimal color #ba06f4

This text has a font color of #ba06f4.

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

#ba06f4 background color

This paragraph has a background color of #ba06f4.

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

#ba06f4 border color

This element has a border color of #ba06f4.

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

CSS codes

.text {color:#ba06f4;}

.background {background-color:#ba06f4;}

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

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)
```
#190121
```
#190121 rgb(25,1,33)
```
#280135
```
#280135 rgb(40,1,53)
```
#370248
```
#370248 rgb(55,2,72)
```
#45025b
```
#45025b rgb(69,2,91)
```
#54036e
```
#54036e rgb(84,3,110)
```
#620381
```
#620381 rgb(98,3,129)
```
#710494
```
#710494 rgb(113,4,148)
```
#8004a7
```
#8004a7 rgb(128,4,167)
```
#8e05bb
```
#8e05bb rgb(142,5,187)
```
#9d05ce
```
#9d05ce rgb(157,5,206)
```
#ab06e1
```
#ab06e1 rgb(171,6,225)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```

Shade Color Variation

#c114f9
```
#c114f9 rgb(193,20,249)
```
#c628fa
```
#c628fa rgb(198,40,250)
```
#cc3bfa
```
#cc3bfa rgb(204,59,250)
```
#d14efb
```
#d14efb rgb(209,78,251)
```
#d661fb
```
#d661fb rgb(214,97,251)
```
#db74fc
```
#db74fc rgb(219,116,252)
```
#e087fc
```
#e087fc rgb(224,135,252)
```
#e59afd
```
#e59afd rgb(229,154,253)
```
#eaaefd
```
#eaaefd rgb(234,174,253)
```
#efc1fd
```
#efc1fd rgb(239,193,253)
```
#f4d4fe
```
#f4d4fe rgb(244,212,254)
```
#f9e7fe
```
#f9e7fe rgb(249,231,254)
```
#fefaff
```
#fefaff rgb(254,250,255)
```

Tint Color Variation

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

#7f7981
```
#7f7981 rgb(127,121,129)
```
#84708a
```
#84708a rgb(132,112,138)
```
#896694
```
#896694 rgb(137,102,148)
```
#8e5d9d
```
#8e5d9d rgb(142,93,157)
```
#9353a7
```
#9353a7 rgb(147,83,167)
```
#9749b1
```
#9749b1 rgb(151,73,177)
```
#9c40ba
```
#9c40ba rgb(156,64,186)
```
#a136c4
```
#a136c4 rgb(161,54,196)
```
#a62cce
```
#a62cce rgb(166,44,206)
```
#ab23d7
```
#ab23d7 rgb(171,35,215)
```
#b019e1
```
#b019e1 rgb(176,25,225)
```
#b510ea
```
#b510ea rgb(181,16,234)
```
#ba06f4
```
#ba06f4 rgb(186,6,244)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6b4776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007ccc Deuteranopia 1% of men
#a56970 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
#ad45a0 Tritanomaly 0.01% of the population

#ba06f4 hex color

#ba06f4 Color Information

#ba06f4 Color Conversion

Color Schemes with #ba06f4

Alternatives to #ba06f4

#ba06f4 Preview

Shades and Tints of #ba06f4

Tones of #ba06f4

Color Blindness Simulator