#ba00fd hex color

In a RGB color space, hex #ba00fd is composed of 72.9% red, 0% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 100% magenta, 0% yellow and 0.8% black. It has a hue angle of 284.1 degrees, a saturation of 100% and a lightness of 49.6%. #ba00fd color hex could be obtained by blending #ff00ff with #7500fb. Closest websafe color is: #cc00ff.

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

● #ba00fd color description : Pure (or mostly pure) violet.

The hexadecimal color #ba00fd has RGB values of R:186, G:0, B:253 and CMYK values of C:0.26, M:1, Y:0, K:0.01. Its decimal value is 12189949.

Hex triplet	ba00fd	`#ba00fd`
RGB Decimal	186, 0, 253	`rgb(186,0,253)`
RGB Percent	72.9, 0, 99.2	`rgb(72.9%,0%,99.2%)`
CMYK	26, 100, 0, 1
HSL	284.1°, 100, 49.6	`hsl(284.1,100%,49.6%)`
HSV (or HSB)	284.1°, 100, 99.2
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	48.924, 88.424, -78.707
XYZ	37.977, 17.532, 94.307
xyY	0.253, 0.117, 17.532
CIE-LCH	48.924, 118.379, 318.327
CIE-LUV	48.924, 39.642, -125.988
Hunter-Lab	41.872, 88.622, -104.228
Binary	10111010, 00000000, 11111101

#ba00fd
```
#ba00fd rgb(186,0,253)
```
#43fd00
```
#43fd00 rgb(67,253,0)
```

Complementary Color

#3b00fd
```
#3b00fd rgb(59,0,253)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```
#fd00c2
```
#fd00c2 rgb(253,0,194)
```

Analogous Color

#00fd3b
```
#00fd3b rgb(0,253,59)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```
#c2fd00
```
#c2fd00 rgb(194,253,0)
```

Split Complementary Color

#00fdba
```
#00fdba rgb(0,253,186)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```
#fdba00
```
#fdba00 rgb(253,186,0)
```

Triadic Color

#0043fd
```
#0043fd rgb(0,67,253)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```
#fdba00
```
#fdba00 rgb(253,186,0)
```
#43fd00
```
#43fd00 rgb(67,253,0)
```

Tetradic Color

#8200b1
```
#8200b1 rgb(130,0,177)
```
#9500ca
```
#9500ca rgb(149,0,202)
```
#a700e4
```
#a700e4 rgb(167,0,228)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```
#c218ff
```
#c218ff rgb(194,24,255)
```
#c831ff
```
#c831ff rgb(200,49,255)
```
#cf4bff
```
#cf4bff rgb(207,75,255)
```

Monochromatic Color

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

#7b00fd
```
#7b00fd rgb(123,0,253)
```
#9000fd
```
#9000fd rgb(144,0,253)
```
#a500fd
```
#a500fd rgb(165,0,253)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```
#cf00fd
```
#cf00fd rgb(207,0,253)
```
#e400fd
```
#e400fd rgb(228,0,253)
```
#f900fd
```
#f900fd rgb(249,0,253)
```

Similar Colors

Text with hexadecimal color #ba00fd

This text has a font color of #ba00fd.

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

#ba00fd background color

This paragraph has a background color of #ba00fd.

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

#ba00fd border color

This element has a border color of #ba00fd.

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

CSS codes

.text {color:#ba00fd;}

.background {background-color:#ba00fd;}

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

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

#0d0012
```
#0d0012 rgb(13,0,18)
```
#1b0025
```
#1b0025 rgb(27,0,37)
```
#2a0039
```
#2a0039 rgb(42,0,57)
```
#38004c
```
#38004c rgb(56,0,76)
```
#470060
```
#470060 rgb(71,0,96)
```
#550074
```
#550074 rgb(85,0,116)
```
#630087
```
#630087 rgb(99,0,135)
```
#72009b
```
#72009b rgb(114,0,155)
```
#8000af
```
#8000af rgb(128,0,175)
```
#8f00c2
```
#8f00c2 rgb(143,0,194)
```
#9d00d6
```
#9d00d6 rgb(157,0,214)
```
#ac00e9
```
#ac00e9 rgb(172,0,233)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```

Shade Color Variation

#c012ff
```
#c012ff rgb(192,18,255)
```
#c525ff
```
#c525ff rgb(197,37,255)
```
#cb39ff
```
#cb39ff rgb(203,57,255)
```
#d04cff
```
#d04cff rgb(208,76,255)
```
#d560ff
```
#d560ff rgb(213,96,255)
```
#da74ff
```
#da74ff rgb(218,116,255)
```
#df87ff
```
#df87ff rgb(223,135,255)
```
#e49bff
```
#e49bff rgb(228,155,255)
```
#eaafff
```
#eaafff rgb(234,175,255)
```
#efc2ff
```
#efc2ff rgb(239,194,255)
```
#f4d6ff
```
#f4d6ff rgb(244,214,255)
```
#f9e9ff
```
#f9e9ff rgb(249,233,255)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#837588
```
#837588 rgb(131,117,136)
```
#886b92
```
#886b92 rgb(136,107,146)
```
#8c619c
```
#8c619c rgb(140,97,156)
```
#9158a5
```
#9158a5 rgb(145,88,165)
```
#954eaf
```
#954eaf rgb(149,78,175)
```
#9a44b9
```
#9a44b9 rgb(154,68,185)
```
#9f3ac3
```
#9f3ac3 rgb(159,58,195)
```
#a331cc
```
#a331cc rgb(163,49,204)
```
#a827d6
```
#a827d6 rgb(168,39,214)
```
#ac1de0
```
#ac1de0 rgb(172,29,224)
```
#b113ea
```
#b113ea rgb(177,19,234)
```
#b50af3
```
#b50af3 rgb(181,10,243)
```
#ba00fd
```
#ba00fd rgb(186,0,253)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#684376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ece Deuteranopia 1% of men
#a36c73 Tritanopia 0.001% of the population

Trichromacy

#434cf0 Protanomaly 1% of men, 0.01% of women
#4350df Deuteranomaly 6% of men, 0.4% of women
#ab44a5 Tritanomaly 0.01% of the population

#ba00fd hex color

#ba00fd Color Information

#ba00fd Color Conversion

Color Schemes with #ba00fd

Alternatives to #ba00fd

#ba00fd Preview

Shades and Tints of #ba00fd

Tones of #ba00fd

Color Blindness Simulator