#ba10ff hex color

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

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

● #ba10ff color description : Vivid violet.

The hexadecimal color #ba10ff has RGB values of R:186, G:16, B:255 and CMYK values of C:0.27, M:0.94, Y:0, K:0. Its decimal value is 12194047.

Hex triplet	ba10ff	`#ba10ff`
RGB Decimal	186, 16, 255	`rgb(186,16,255)`
RGB Percent	72.9, 6.3, 100	`rgb(72.9%,6.3%,100%)`
CMYK	27, 94, 0, 0
HSL	282.7°, 100, 53.1	`hsl(282.7,100%,53.1%)`
HSV (or HSB)	282.7°, 93.7, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.534, 87.422, -78.827
XYZ	38.483, 18.031, 96.055
xyY	0.252, 0.118, 18.031
CIE-LCH	49.534, 117.713, 317.96
CIE-LUV	49.534, 38.605, -126.575
Hunter-Lab	42.463, 87.458, -104.396
Binary	10111010, 00010000, 11111111

#ba10ff
```
#ba10ff rgb(186,16,255)
```
#55ff10
```
#55ff10 rgb(85,255,16)
```

Complementary Color

#4210ff
```
#4210ff rgb(66,16,255)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```
#ff10cd
```
#ff10cd rgb(255,16,205)
```

Analogous Color

#10ff42
```
#10ff42 rgb(16,255,66)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```
#cdff10
```
#cdff10 rgb(205,255,16)
```

Split Complementary Color

#10ffba
```
#10ffba rgb(16,255,186)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```
#ffba10
```
#ffba10 rgb(255,186,16)
```

Triadic Color

#1055ff
```
#1055ff rgb(16,85,255)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```
#ffba10
```
#ffba10 rgb(255,186,16)
```
#55ff10
```
#55ff10 rgb(85,255,16)
```

Tetradic Color

#8a00c3
```
#8a00c3 rgb(138,0,195)
```
#9c00dc
```
#9c00dc rgb(156,0,220)
```
#af00f6
```
#af00f6 rgb(175,0,246)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```
#c12aff
```
#c12aff rgb(193,42,255)
```
#c943ff
```
#c943ff rgb(201,67,255)
```
#d05dff
```
#d05dff rgb(208,93,255)
```

Monochromatic Color

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

#7e10ff
```
#7e10ff rgb(126,16,255)
```
#9210ff
```
#9210ff rgb(146,16,255)
```
#a610ff
```
#a610ff rgb(166,16,255)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```
#ce10ff
```
#ce10ff rgb(206,16,255)
```
#e210ff
```
#e210ff rgb(226,16,255)
```
#f610ff
```
#f610ff rgb(246,16,255)
```

Similar Colors

Text with hexadecimal color #ba10ff

This text has a font color of #ba10ff.

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

#ba10ff background color

This paragraph has a background color of #ba10ff.

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

#ba10ff border color

This element has a border color of #ba10ff.

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

CSS codes

.text {color:#ba10ff;}

.background {background-color:#ba10ff;}

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

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

#0b0010
```
#0b0010 rgb(11,0,16)
```
#190024
```
#190024 rgb(25,0,36)
```
#270037
```
#270037 rgb(39,0,55)
```
#35004b
```
#35004b rgb(53,0,75)
```
#43005e
```
#43005e rgb(67,0,94)
```
#510072
```
#510072 rgb(81,0,114)
```
#5f0086
```
#5f0086 rgb(95,0,134)
```
#6d0099
```
#6d0099 rgb(109,0,153)
```
#7b00ad
```
#7b00ad rgb(123,0,173)
```
#8900c1
```
#8900c1 rgb(137,0,193)
```
#9700d4
```
#9700d4 rgb(151,0,212)
```
#a500e8
```
#a500e8 rgb(165,0,232)
```
#b300fb
```
#b300fb rgb(179,0,251)
```

Shade Color Variation

#ba10ff
```
#ba10ff rgb(186,16,255)
```
#c024ff
```
#c024ff rgb(192,36,255)
```
#c537ff
```
#c537ff rgb(197,55,255)
```
#cb4bff
```
#cb4bff rgb(203,75,255)
```
#d15eff
```
#d15eff rgb(209,94,255)
```
#d672ff
```
#d672ff rgb(214,114,255)
```
#dc86ff
```
#dc86ff rgb(220,134,255)
```
#e299ff
```
#e299ff rgb(226,153,255)
```
#e7adff
```
#e7adff rgb(231,173,255)
```
#edc1ff
```
#edc1ff rgb(237,193,255)
```
#f3d4ff
```
#f3d4ff rgb(243,212,255)
```
#f8e8ff
```
#f8e8ff rgb(248,232,255)
```
#fefbff
```
#fefbff rgb(254,251,255)
```

Tint Color Variation

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

#8b7e91
```
#8b7e91 rgb(139,126,145)
```
#8f759a
```
#8f759a rgb(143,117,154)
```
#936ca3
```
#936ca3 rgb(147,108,163)
```
#9763ac
```
#9763ac rgb(151,99,172)
```
#9b5ab5
```
#9b5ab5 rgb(155,90,181)
```
#9f50bf
```
#9f50bf rgb(159,80,191)
```
#a347c8
```
#a347c8 rgb(163,71,200)
```
#a73ed1
```
#a73ed1 rgb(167,62,209)
```
#aa35da
```
#aa35da rgb(170,53,218)
```
#ae2ce3
```
#ae2ce3 rgb(174,44,227)
```
#b222ed
```
#b222ed rgb(178,34,237)
```
#b619f6
```
#b619f6 rgb(182,25,246)
```
#ba10ff
```
#ba10ff rgb(186,16,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#704e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079eb Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#a36e76 Tritanopia 0.001% of the population

Trichromacy

#4353f2 Protanomaly 1% of men, 0.01% of women
#4357e1 Deuteranomaly 6% of men, 0.4% of women
#ab4ca7 Tritanomaly 0.01% of the population

#ba10ff hex color

#ba10ff Color Information

#ba10ff Color Conversion

Color Schemes with #ba10ff

Alternatives to #ba10ff

#ba10ff Preview

Shades and Tints of #ba10ff

Tones of #ba10ff

Color Blindness Simulator