#ba0fdf hex color

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

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

● #ba0fdf color description : Vivid magenta.

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

Hex triplet	ba0fdf	`#ba0fdf`
RGB Decimal	186, 15, 223	`rgb(186,15,223)`
RGB Percent	72.9, 5.9, 87.5	`rgb(72.9%,5.9%,87.5%)`
CMYK	17, 93, 0, 13
HSL	289.3°, 87.4, 46.7	`hsl(289.3,87.4%,46.7%)`
HSV (or HSB)	289.3°, 93.3, 87.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.119, 81.96, -64.721
XYZ	33.738, 16.11, 71.14
xyY	0.279, 0.133, 16.11
CIE-LCH	47.119, 104.433, 321.703
CIE-LUV	47.119, 47.928, -105.184
Hunter-Lab	40.137, 79.801, -76.991
Binary	10111010, 00001111, 11011111

#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#34df0f
```
#34df0f rgb(52,223,15)
```

Complementary Color

#520fdf
```
#520fdf rgb(82,15,223)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#df0f9c
```
#df0f9c rgb(223,15,156)
```

Analogous Color

#0fdf52
```
#0fdf52 rgb(15,223,82)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#9cdf0f
```
#9cdf0f rgb(156,223,15)
```

Split Complementary Color

#0fdfba
```
#0fdfba rgb(15,223,186)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#dfba0f
```
#dfba0f rgb(223,186,15)
```

Triadic Color

#0f34df
```
#0f34df rgb(15,52,223)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#dfba0f
```
#dfba0f rgb(223,186,15)
```
#34df0f
```
#34df0f rgb(52,223,15)
```

Tetradic Color

#7e0a97
```
#7e0a97 rgb(126,10,151)
```
#920caf
```
#920caf rgb(146,12,175)
```
#a60dc7
```
#a60dc7 rgb(166,13,199)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#c918ef
```
#c918ef rgb(201,24,239)
```
#cf30f1
```
#cf30f1 rgb(207,48,241)
```
#d448f3
```
#d448f3 rgb(212,72,243)
```

Monochromatic Color

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

#860fdf
```
#860fdf rgb(134,15,223)
```
#970fdf
```
#970fdf rgb(151,15,223)
```
#a90fdf
```
#a90fdf rgb(169,15,223)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#cb0fdf
```
#cb0fdf rgb(203,15,223)
```
#dd0fdf
```
#dd0fdf rgb(221,15,223)
```
#df0fd0
```
#df0fd0 rgb(223,15,208)
```

Similar Colors

Text with hexadecimal color #ba0fdf

This text has a font color of #ba0fdf.

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

#ba0fdf background color

This paragraph has a background color of #ba0fdf.

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

#ba0fdf border color

This element has a border color of #ba0fdf.

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

CSS codes

.text {color:#ba0fdf;}

.background {background-color:#ba0fdf;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#110115
```
#110115 rgb(17,1,21)
```
#210327
```
#210327 rgb(33,3,39)
```
#30043a
```
#30043a rgb(48,4,58)
```
#3f054c
```
#3f054c rgb(63,5,76)
```
#4f065e
```
#4f065e rgb(79,6,94)
```
#5e0871
```
#5e0871 rgb(94,8,113)
```
#6d0983
```
#6d0983 rgb(109,9,131)
```
#7d0a95
```
#7d0a95 rgb(125,10,149)
```
#8c0ba8
```
#8c0ba8 rgb(140,11,168)
```
#9b0dba
```
#9b0dba rgb(155,13,186)
```
#ab0ecd
```
#ab0ecd rgb(171,14,205)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```

Shade Color Variation

#c813ef
```
#c813ef rgb(200,19,239)
```
#cc25f0
```
#cc25f0 rgb(204,37,240)
```
#d037f2
```
#d037f2 rgb(208,55,242)
```
#d54af3
```
#d54af3 rgb(213,74,243)
```
#d95cf4
```
#d95cf4 rgb(217,92,244)
```
#dd6ef5
```
#dd6ef5 rgb(221,110,245)
```
#e281f7
```
#e281f7 rgb(226,129,247)
```
#e693f8
```
#e693f8 rgb(230,147,248)
```
#eaa6f9
```
#eaa6f9 rgb(234,166,249)
```
#eeb8fa
```
#eeb8fa rgb(238,184,250)
```
#f3cafb
```
#f3cafb rgb(243,202,251)
```
#f7ddfd
```
#f7ddfd rgb(247,221,253)
```
#fbeffe
```
#fbeffe rgb(251,239,254)
```

Tint Color Variation

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

#79747a
```
#79747a rgb(121,116,122)
```
#7f6b83
```
#7f6b83 rgb(127,107,131)
```
#85618d
```
#85618d rgb(133,97,141)
```
#8b5896
```
#8b5896 rgb(139,88,150)
```
#914f9f
```
#914f9f rgb(145,79,159)
```
#9746a8
```
#9746a8 rgb(151,70,168)
```
#9d3db1
```
#9d3db1 rgb(157,61,177)
```
#a234ba
```
#a234ba rgb(162,52,186)
```
#a82ac4
```
#a82ac4 rgb(168,42,196)
```
#ae21cd
```
#ae21cd rgb(174,33,205)
```
#b418d6
```
#b418d6 rgb(180,24,214)
```
#ba0fdf
```
#ba0fdf rgb(186,15,223)
```
#c006e8
```
#c006e8 rgb(192,6,232)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6d4b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c9 Deuteranopia 1% of men
#aa6168 Tritanopia 0.001% of the population

Trichromacy

#434fe0 Protanomaly 1% of men, 0.01% of women
#4352d1 Deuteranomaly 6% of men, 0.4% of women
#b04393 Tritanomaly 0.01% of the population

#ba0fdf hex color

#ba0fdf Color Information

#ba0fdf Color Conversion

Color Schemes with #ba0fdf

Alternatives to #ba0fdf

#ba0fdf Preview

Shades and Tints of #ba0fdf

Tones of #ba0fdf

Color Blindness Simulator