#ba03f9 hex color

In a RGB color space, hex #ba03f9 is composed of 72.9% red, 1.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 98.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 284.6 degrees, a saturation of 97.6% and a lightness of 49.4%. #ba03f9 color hex could be obtained by blending #ff06ff with #7500f3. Closest websafe color is: #cc00ff.

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

● #ba03f9 color description : Vivid violet.

The hexadecimal color #ba03f9 has RGB values of R:186, G:3, B:249 and CMYK values of C:0.25, M:0.99, Y:0, K:0.02. Its decimal value is 12190713.

Hex triplet	ba03f9	`#ba03f9`
RGB Decimal	186, 3, 249	`rgb(186,3,249)`
RGB Percent	72.9, 1.2, 97.6	`rgb(72.9%,1.2%,97.6%)`
CMYK	25, 99, 0, 2
HSL	284.6°, 97.6, 49.4	`hsl(284.6,97.6%,49.4%)`
HSV (or HSB)	284.6°, 98.8, 97.6
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.692, 87.48, -76.849
XYZ	37.379, 17.345, 90.996
xyY	0.257, 0.119, 17.345
CIE-LCH	48.692, 116.441, 318.701
CIE-LUV	48.692, 40.65, -123.262
Hunter-Lab	41.648, 87.322, -100.39
Binary	10111010, 00000011, 11111001

#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#42f903
```
#42f903 rgb(66,249,3)
```

Complementary Color

#3f03f9
```
#3f03f9 rgb(63,3,249)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#f903bd
```
#f903bd rgb(249,3,189)
```

Analogous Color

#03f93f
```
#03f93f rgb(3,249,63)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#bdf903
```
#bdf903 rgb(189,249,3)
```

Split Complementary Color

#03f9ba
```
#03f9ba rgb(3,249,186)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#f9ba03
```
#f9ba03 rgb(249,186,3)
```

Triadic Color

#0342f9
```
#0342f9 rgb(3,66,249)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#f9ba03
```
#f9ba03 rgb(249,186,3)
```
#42f903
```
#42f903 rgb(66,249,3)
```

Tetradic Color

#8202ad
```
#8202ad rgb(130,2,173)
```
#9402c7
```
#9402c7 rgb(148,2,199)
```
#a703e0
```
#a703e0 rgb(167,3,224)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#c219fc
```
#c219fc rgb(194,25,252)
```
#c932fd
```
#c932fd rgb(201,50,253)
```
#cf4cfd
```
#cf4cfd rgb(207,76,253)
```

Monochromatic Color

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

#7d03f9
```
#7d03f9 rgb(125,3,249)
```
#9103f9
```
#9103f9 rgb(145,3,249)
```
#a603f9
```
#a603f9 rgb(166,3,249)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```
#cf03f9
```
#cf03f9 rgb(207,3,249)
```
#e303f9
```
#e303f9 rgb(227,3,249)
```
#f803f9
```
#f803f9 rgb(248,3,249)
```

Similar Colors

Text with hexadecimal color #ba03f9

This text has a font color of #ba03f9.

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

#ba03f9 background color

This paragraph has a background color of #ba03f9.

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

#ba03f9 border color

This element has a border color of #ba03f9.

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

CSS codes

.text {color:#ba03f9;}

.background {background-color:#ba03f9;}

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

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)
```
#1b0024
```
#1b0024 rgb(27,0,36)
```
#290137
```
#290137 rgb(41,1,55)
```
#38014b
```
#38014b rgb(56,1,75)
```
#46015e
```
#46015e rgb(70,1,94)
```
#550171
```
#550171 rgb(85,1,113)
```
#630285
```
#630285 rgb(99,2,133)
```
#720298
```
#720298 rgb(114,2,152)
```
#8002ab
```
#8002ab rgb(128,2,171)
```
#8f02bf
```
#8f02bf rgb(143,2,191)
```
#9d03d2
```
#9d03d2 rgb(157,3,210)
```
#ac03e6
```
#ac03e6 rgb(172,3,230)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```

Shade Color Variation

#c113fc
```
#c113fc rgb(193,19,252)
```
#c627fc
```
#c627fc rgb(198,39,252)
```
#cb3afd
```
#cb3afd rgb(203,58,253)
```
#d04efd
```
#d04efd rgb(208,78,253)
```
#d561fd
```
#d561fd rgb(213,97,253)
```
#da74fd
```
#da74fd rgb(218,116,253)
```
#df88fe
```
#df88fe rgb(223,136,254)
```
#e59bfe
```
#e59bfe rgb(229,155,254)
```
#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, #817785 is the less saturated color, while #ba03f9 is the most saturated one.

#817785
```
#817785 rgb(129,119,133)
```
#866e8e
```
#866e8e rgb(134,110,142)
```
#8b6498
```
#8b6498 rgb(139,100,152)
```
#8f5aa2
```
#8f5aa2 rgb(143,90,162)
```
#9451ab
```
#9451ab rgb(148,81,171)
```
#9947b5
```
#9947b5 rgb(153,71,181)
```
#9e3dbf
```
#9e3dbf rgb(158,61,191)
```
#a233c9
```
#a233c9 rgb(162,51,201)
```
#a72ad2
```
#a72ad2 rgb(167,42,210)
```
#ac20dc
```
#ac20dc rgb(172,32,220)
```
#b116e6
```
#b116e6 rgb(177,22,230)
```
#b50def
```
#b50def rgb(181,13,239)
```
#ba03f9
```
#ba03f9 rgb(186,3,249)
```

Tone Color Variation

Below, you can see how #ba03f9 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
#6a4577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#a46a72 Tritanopia 0.001% of the population

Trichromacy

#434dee Protanomaly 1% of men, 0.01% of women
#4350dd Deuteranomaly 6% of men, 0.4% of women
#ac45a3 Tritanomaly 0.01% of the population

#ba03f9 hex color

#ba03f9 Color Information

#ba03f9 Color Conversion

Color Schemes with #ba03f9

Alternatives to #ba03f9

#ba03f9 Preview

Shades and Tints of #ba03f9

Tones of #ba03f9

Color Blindness Simulator