#ba0aff hex color

In a RGB color space, hex #ba0aff is composed of 72.9% red, 3.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 96.1% magenta, 0% yellow and 0% black. It has a hue angle of 283.1 degrees, a saturation of 100% and a lightness of 52%. #ba0aff color hex could be obtained by blending #ff14ff with #7500ff. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 73
- G 4
- B 100
RGB color chart
- C 27
- M 96
- Y 0
- K 0
CMYK color chart

● #ba0aff color description : Vivid violet.

The hexadecimal color #ba0aff has RGB values of R:186, G:10, B:255 and CMYK values of C:0.27, M:0.96, Y:0, K:0. Its decimal value is 12192511.

Hex triplet	ba0aff	`#ba0aff`
RGB Decimal	186, 10, 255	`rgb(186,10,255)`
RGB Percent	72.9, 3.9, 100	`rgb(72.9%,3.9%,100%)`
CMYK	27, 96, 0, 0
HSL	283.1°, 100, 52	`hsl(283.1,100%,52%)`
HSV (or HSB)	283.1°, 96.1, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.347, 87.98, -79.131
XYZ	38.406, 17.877, 96.03
xyY	0.252, 0.117, 17.877
CIE-LCH	49.347, 118.331, 318.031
CIE-LUV	49.347, 38.811, -126.869
Hunter-Lab	42.282, 88.144, -105.061
Binary	10111010, 00001010, 11111111

#ba0aff
```
#ba0aff rgb(186,10,255)
```
#4fff0a
```
#4fff0a rgb(79,255,10)
```

Complementary Color

#400aff
```
#400aff rgb(64,10,255)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```
#ff0aca
```
#ff0aca rgb(255,10,202)
```

Analogous Color

#0aff40
```
#0aff40 rgb(10,255,64)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```
#caff0a
```
#caff0a rgb(202,255,10)
```

Split Complementary Color

#0affba
```
#0affba rgb(10,255,186)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```
#ffba0a
```
#ffba0a rgb(255,186,10)
```

Triadic Color

#0a4fff
```
#0a4fff rgb(10,79,255)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```
#ffba0a
```
#ffba0a rgb(255,186,10)
```
#4fff0a
```
#4fff0a rgb(79,255,10)
```

Tetradic Color

#8700bd
```
#8700bd rgb(135,0,189)
```
#9a00d6
```
#9a00d6 rgb(154,0,214)
```
#ac00f0
```
#ac00f0 rgb(172,0,240)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```
#c124ff
```
#c124ff rgb(193,36,255)
```
#c83dff
```
#c83dff rgb(200,61,255)
```
#d057ff
```
#d057ff rgb(208,87,255)
```

Monochromatic Color

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

#7d0aff
```
#7d0aff rgb(125,10,255)
```
#910aff
```
#910aff rgb(145,10,255)
```
#a60aff
```
#a60aff rgb(166,10,255)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```
#ce0aff
```
#ce0aff rgb(206,10,255)
```
#e30aff
```
#e30aff rgb(227,10,255)
```
#f70aff
```
#f70aff rgb(247,10,255)
```

Similar Colors

Text with hexadecimal color #ba0aff

This text has a font color of #ba0aff.

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

#ba0aff background color

This paragraph has a background color of #ba0aff.

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

#ba0aff border color

This element has a border color of #ba0aff.

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

CSS codes

.text {color:#ba0aff;}

.background {background-color:#ba0aff;}

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

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, #07000a is the darkest color, while #fcf5ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#15001e
```
#15001e rgb(21,0,30)
```
#230031
```
#230031 rgb(35,0,49)
```
#310045
```
#310045 rgb(49,0,69)
```
#400058
```
#400058 rgb(64,0,88)
```
#4e006c
```
#4e006c rgb(78,0,108)
```
#5c0080
```
#5c0080 rgb(92,0,128)
```
#6a0093
```
#6a0093 rgb(106,0,147)
```
#7800a7
```
#7800a7 rgb(120,0,167)
```
#8600bb
```
#8600bb rgb(134,0,187)
```
#9400ce
```
#9400ce rgb(148,0,206)
```
#a200e2
```
#a200e2 rgb(162,0,226)
```
#b000f5
```
#b000f5 rgb(176,0,245)
```

Shade Color Variation

#ba0aff
```
#ba0aff rgb(186,10,255)
```
#c01eff
```
#c01eff rgb(192,30,255)
```
#c531ff
```
#c531ff rgb(197,49,255)
```
#cb45ff
```
#cb45ff rgb(203,69,255)
```
#d058ff
```
#d058ff rgb(208,88,255)
```
#d66cff
```
#d66cff rgb(214,108,255)
```
#db80ff
```
#db80ff rgb(219,128,255)
```
#e193ff
```
#e193ff rgb(225,147,255)
```
#e6a7ff
```
#e6a7ff rgb(230,167,255)
```
#ecbbff
```
#ecbbff rgb(236,187,255)
```
#f1ceff
```
#f1ceff rgb(241,206,255)
```
#f7e2ff
```
#f7e2ff rgb(247,226,255)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

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

#897b8e
```
#897b8e rgb(137,123,142)
```
#8d7297
```
#8d7297 rgb(141,114,151)
```
#9168a1
```
#9168a1 rgb(145,104,161)
```
#955faa
```
#955faa rgb(149,95,170)
```
#9955b4
```
#9955b4 rgb(153,85,180)
```
#9d4cbd
```
#9d4cbd rgb(157,76,189)
```
#a143c6
```
#a143c6 rgb(161,67,198)
```
#a539d0
```
#a539d0 rgb(165,57,208)
```
#aa30d9
```
#aa30d9 rgb(170,48,217)
```
#ae26e3
```
#ae26e3 rgb(174,38,227)
```
#b21dec
```
#b21dec rgb(178,29,236)
```
#b613f6
```
#b613f6 rgb(182,19,246)
```
#ba0aff
```
#ba0aff rgb(186,10,255)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6e4b7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#a36d75 Tritanopia 0.001% of the population

Trichromacy

#4350f2 Protanomaly 1% of men, 0.01% of women
#4354e0 Deuteranomaly 6% of men, 0.4% of women
#ab49a7 Tritanomaly 0.01% of the population

#ba0aff hex color

#ba0aff Color Information

#ba0aff Color Conversion

Color Schemes with #ba0aff

Alternatives to #ba0aff

#ba0aff Preview

Shades and Tints of #ba0aff

Tones of #ba0aff

Color Blindness Simulator