#ba00df hex color

In a RGB color space, hex #ba00df is composed of 72.9% red, 0% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 100% magenta, 0% yellow and 12.5% black. It has a hue angle of 290 degrees, a saturation of 100% and a lightness of 43.7%. #ba00df color hex could be obtained by blending #ff00ff with #7500bf. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 73
- G 0
- B 87
RGB color chart
- C 17
- M 100
- Y 0
- K 13
CMYK color chart

● #ba00df color description : Pure (or mostly pure) magenta.

The hexadecimal color #ba00df has RGB values of R:186, G:0, B:223 and CMYK values of C:0.17, M:1, Y:0, K:0.13. Its decimal value is 12189919.

Hex triplet	ba00df	`#ba00df`
RGB Decimal	186, 0, 223	`rgb(186,0,223)`
RGB Percent	72.9, 0, 87.5	`rgb(72.9%,0%,87.5%)`
CMYK	17, 100, 0, 13
HSL	290°, 100, 43.7	`hsl(290,100%,43.7%)`
HSV (or HSB)	290°, 100, 87.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.669, 83.298, -65.45
XYZ	33.568, 15.769, 71.084
xyY	0.279, 0.131, 15.769
CIE-LCH	46.669, 105.935, 321.842
CIE-LUV	46.669, 48.508, -106.005
Hunter-Lab	39.71, 81.399, -78.337
Binary	10111010, 00000000, 11011111

#ba00df
```
#ba00df rgb(186,0,223)
```
#25df00
```
#25df00 rgb(37,223,0)
```

Complementary Color

#4b00df
```
#4b00df rgb(75,0,223)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#df0095
```
#df0095 rgb(223,0,149)
```

Analogous Color

#00df4b
```
#00df4b rgb(0,223,75)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#95df00
```
#95df00 rgb(149,223,0)
```

Split Complementary Color

#00dfba
```
#00dfba rgb(0,223,186)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#dfba00
```
#dfba00 rgb(223,186,0)
```

Triadic Color

#0025df
```
#0025df rgb(0,37,223)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#dfba00
```
#dfba00 rgb(223,186,0)
```
#25df00
```
#25df00 rgb(37,223,0)
```

Tetradic Color

#7a0093
```
#7a0093 rgb(122,0,147)
```
#8f00ac
```
#8f00ac rgb(143,0,172)
```
#a500c6
```
#a500c6 rgb(165,0,198)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#cf00f9
```
#cf00f9 rgb(207,0,249)
```
#d813ff
```
#d813ff rgb(216,19,255)
```
#dc2dff
```
#dc2dff rgb(220,45,255)
```

Monochromatic Color

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

#8200df
```
#8200df rgb(130,0,223)
```
#9500df
```
#9500df rgb(149,0,223)
```
#a700df
```
#a700df rgb(167,0,223)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#cd00df
```
#cd00df rgb(205,0,223)
```
#df00df
```
#df00df rgb(223,0,223)
```
#df00cc
```
#df00cc rgb(223,0,204)
```

Similar Colors

Text with hexadecimal color #ba00df

This text has a font color of #ba00df.

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

#ba00df background color

This paragraph has a background color of #ba00df.

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

#ba00df border color

This element has a border color of #ba00df.

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

CSS codes

.text {color:#ba00df;}

.background {background-color:#ba00df;}

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

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, #060007 is the darkest color, while #fdf3ff is the lightest one.

#060007
```
#060007 rgb(6,0,7)
```
#16001b
```
#16001b rgb(22,0,27)
```
#27002e
```
#27002e rgb(39,0,46)
```
#370042
```
#370042 rgb(55,0,66)
```
#470056
```
#470056 rgb(71,0,86)
```
#580069
```
#580069 rgb(88,0,105)
```
#68007d
```
#68007d rgb(104,0,125)
```
#790091
```
#790091 rgb(121,0,145)
```
#8900a4
```
#8900a4 rgb(137,0,164)
```
#9900b8
```
#9900b8 rgb(153,0,184)
```
#aa00cb
```
#aa00cb rgb(170,0,203)
```
#ba00df
```
#ba00df rgb(186,0,223)
```
#ca00f3
```
#ca00f3 rgb(202,0,243)
```

Shade Color Variation

#d607ff
```
#d607ff rgb(214,7,255)
```
#d91bff
```
#d91bff rgb(217,27,255)
```
#dc2eff
```
#dc2eff rgb(220,46,255)
```
#e042ff
```
#e042ff rgb(224,66,255)
```
#e356ff
```
#e356ff rgb(227,86,255)
```
#e669ff
```
#e669ff rgb(230,105,255)
```
#e97dff
```
#e97dff rgb(233,125,255)
```
#ed91ff
```
#ed91ff rgb(237,145,255)
```
#f0a4ff
```
#f0a4ff rgb(240,164,255)
```
#f3b8ff
```
#f3b8ff rgb(243,184,255)
```
#f6cbff
```
#f6cbff rgb(246,203,255)
```
#fadfff
```
#fadfff rgb(250,223,255)
```
#fdf3ff
```
#fdf3ff rgb(253,243,255)
```

Tint Color Variation

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

#756778
```
#756778 rgb(117,103,120)
```
#7b5e81
```
#7b5e81 rgb(123,94,129)
```
#815689
```
#815689 rgb(129,86,137)
```
#864d92
```
#864d92 rgb(134,77,146)
```
#8c459a
```
#8c459a rgb(140,69,154)
```
#923ca3
```
#923ca3 rgb(146,60,163)
```
#9833ac
```
#9833ac rgb(152,51,172)
```
#9d2bb4
```
#9d2bb4 rgb(157,43,180)
```
#a322bd
```
#a322bd rgb(163,34,189)
```
#a91ac5
```
#a91ac5 rgb(169,26,197)
```
#af11ce
```
#af11ce rgb(175,17,206)
```
#b409d6
```
#b409d6 rgb(180,9,214)
```
#ba00df
```
#ba00df rgb(186,0,223)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#66416d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#aa6066 Tritanopia 0.001% of the population

Trichromacy

#4349df Protanomaly 1% of men, 0.01% of women
#434cd0 Deuteranomaly 6% of men, 0.4% of women
#b03d92 Tritanomaly 0.01% of the population

#ba00df hex color

#ba00df Color Information

#ba00df Color Conversion

Color Schemes with #ba00df

Alternatives to #ba00df

#ba00df Preview

Shades and Tints of #ba00df

Tones of #ba00df

Color Blindness Simulator