#ba03f8 hex color

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

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

● #ba03f8 color description : Vivid violet.

The hexadecimal color #ba03f8 has RGB values of R:186, G:3, B:248 and CMYK values of C:0.25, M:0.99, Y:0, K:0.03. Its decimal value is 12190712.

Hex triplet	ba03f8	`#ba03f8`
RGB Decimal	186, 3, 248	`rgb(186,3,248)`
RGB Percent	72.9, 1.2, 97.3	`rgb(72.9%,1.2%,97.3%)`
CMYK	25, 99, 0, 3
HSL	284.8°, 97.6, 49.2	`hsl(284.8,97.6%,49.2%)`
HSV (or HSB)	284.8°, 98.8, 97.3
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.615, 87.305, -76.416
XYZ	37.223, 17.283, 90.177
xyY	0.257, 0.119, 17.283
CIE-LCH	48.615, 116.023, 318.805
CIE-LUV	48.615, 40.927, -122.608
Hunter-Lab	41.573, 87.073, -99.507
Binary	10111010, 00000011, 11111000

#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#41f803
```
#41f803 rgb(65,248,3)
```

Complementary Color

#3f03f8
```
#3f03f8 rgb(63,3,248)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#f803bc
```
#f803bc rgb(248,3,188)
```

Analogous Color

#03f83f
```
#03f83f rgb(3,248,63)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#bcf803
```
#bcf803 rgb(188,248,3)
```

Split Complementary Color

#03f8ba
```
#03f8ba rgb(3,248,186)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#f8ba03
```
#f8ba03 rgb(248,186,3)
```

Triadic Color

#0341f8
```
#0341f8 rgb(3,65,248)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#f8ba03
```
#f8ba03 rgb(248,186,3)
```
#41f803
```
#41f803 rgb(65,248,3)
```

Tetradic Color

#8102ac
```
#8102ac rgb(129,2,172)
```
#9402c6
```
#9402c6 rgb(148,2,198)
```
#a703df
```
#a703df rgb(167,3,223)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#c318fc
```
#c318fc rgb(195,24,252)
```
#c931fd
```
#c931fd rgb(201,49,253)
```
#d04bfd
```
#d04bfd rgb(208,75,253)
```

Monochromatic Color

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

#7d03f8
```
#7d03f8 rgb(125,3,248)
```
#9103f8
```
#9103f8 rgb(145,3,248)
```
#a603f8
```
#a603f8 rgb(166,3,248)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```
#ce03f8
```
#ce03f8 rgb(206,3,248)
```
#e303f8
```
#e303f8 rgb(227,3,248)
```
#f703f8
```
#f703f8 rgb(247,3,248)
```

Similar Colors

Text with hexadecimal color #ba03f8

This text has a font color of #ba03f8.

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

#ba03f8 background color

This paragraph has a background color of #ba03f8.

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

#ba03f8 border color

This element has a border color of #ba03f8.

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

CSS codes

.text {color:#ba03f8;}

.background {background-color:#ba03f8;}

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

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

#0c000f
```
#0c000f rgb(12,0,15)
```
#1a0023
```
#1a0023 rgb(26,0,35)
```
#290136
```
#290136 rgb(41,1,54)
```
#37014a
```
#37014a rgb(55,1,74)
```
#46015d
```
#46015d rgb(70,1,93)
```
#540170
```
#540170 rgb(84,1,112)
```
#630284
```
#630284 rgb(99,2,132)
```
#710297
```
#710297 rgb(113,2,151)
```
#8002aa
```
#8002aa rgb(128,2,170)
```
#8e02be
```
#8e02be rgb(142,2,190)
```
#9d03d1
```
#9d03d1 rgb(157,3,209)
```
#ab03e5
```
#ab03e5 rgb(171,3,229)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```

Shade Color Variation

#c112fc
```
#c112fc rgb(193,18,252)
```
#c626fc
```
#c626fc rgb(198,38,252)
```
#cb39fd
```
#cb39fd rgb(203,57,253)
```
#d04dfd
```
#d04dfd rgb(208,77,253)
```
#d560fd
```
#d560fd rgb(213,96,253)
```
#da73fd
```
#da73fd rgb(218,115,253)
```
#df87fe
```
#df87fe rgb(223,135,254)
```
#e59afe
```
#e59afe rgb(229,154,254)
```
#eaaefe
```
#eaaefe rgb(234,174,254)
```
#efc1fe
```
#efc1fe rgb(239,193,254)
```
#f4d4fe
```
#f4d4fe rgb(244,212,254)
```
#f9e8ff
```
#f9e8ff rgb(249,232,255)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#817784
```
#817784 rgb(129,119,132)
```
#866d8e
```
#866d8e rgb(134,109,142)
```
#8a6497
```
#8a6497 rgb(138,100,151)
```
#8f5aa1
```
#8f5aa1 rgb(143,90,161)
```
#9450ab
```
#9450ab rgb(148,80,171)
```
#9947b4
```
#9947b4 rgb(153,71,180)
```
#9d3dbe
```
#9d3dbe rgb(157,61,190)
```
#a233c8
```
#a233c8 rgb(162,51,200)
```
#a72ad1
```
#a72ad1 rgb(167,42,209)
```
#ac20db
```
#ac20db rgb(172,32,219)
```
#b016e5
```
#b016e5 rgb(176,22,229)
```
#b50dee
```
#b50dee rgb(181,13,238)
```
#ba03f8
```
#ba03f8 rgb(186,3,248)
```

Tone Color Variation

Below, you can see how #ba03f8 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
#6a4576 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

#434ced Protanomaly 1% of men, 0.01% of women
#4350dc Deuteranomaly 6% of men, 0.4% of women
#ac44a2 Tritanomaly 0.01% of the population

#ba03f8 hex color

#ba03f8 Color Information

#ba03f8 Color Conversion

Color Schemes with #ba03f8

Alternatives to #ba03f8

#ba03f8 Preview

Shades and Tints of #ba03f8

Tones of #ba03f8

Color Blindness Simulator