#ba35ff hex color

In a RGB color space, hex #ba35ff is composed of 72.9% red, 20.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 79.2% magenta, 0% yellow and 0% black. It has a hue angle of 279.5 degrees, a saturation of 100% and a lightness of 60.4%. #ba35ff color hex could be obtained by blending #ff6aff with #7500ff. Closest websafe color is: #cc33ff.

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

● #ba35ff color description : Light violet.

The hexadecimal color #ba35ff has RGB values of R:186, G:53, B:255 and CMYK values of C:0.27, M:0.79, Y:0, K:0. Its decimal value is 12203519.

Hex triplet	ba35ff	`#ba35ff`
RGB Decimal	186, 53, 255	`rgb(186,53,255)`
RGB Percent	72.9, 20.8, 100	`rgb(72.9%,20.8%,100%)`
CMYK	27, 79, 0, 0
HSL	279.5°, 100, 60.4	`hsl(279.5,100%,60.4%)`
HSV (or HSB)	279.5°, 79.2, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.07, 79.943, -74.695
XYZ	39.57, 20.206, 96.418
xyY	0.253, 0.129, 20.206
CIE-LCH	52.07, 109.409, 316.944
CIE-LUV	52.07, 35.63, -122.216
Hunter-Lab	44.952, 78.466, -95.707
Binary	10111010, 00110101, 11111111

#ba35ff
```
#ba35ff rgb(186,53,255)
```
#7aff35
```
#7aff35 rgb(122,255,53)
```

Complementary Color

#5535ff
```
#5535ff rgb(85,53,255)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#ff35df
```
#ff35df rgb(255,53,223)
```

Analogous Color

#35ff55
```
#35ff55 rgb(53,255,85)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#dfff35
```
#dfff35 rgb(223,255,53)
```

Split Complementary Color

#35ffba
```
#35ffba rgb(53,255,186)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#ffba35
```
#ffba35 rgb(255,186,53)
```

Triadic Color

#357aff
```
#357aff rgb(53,122,255)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#ffba35
```
#ffba35 rgb(255,186,53)
```
#7aff35
```
#7aff35 rgb(122,255,53)
```

Tetradic Color

#9800e8
```
#9800e8 rgb(152,0,232)
```
#a902ff
```
#a902ff rgb(169,2,255)
```
#b11cff
```
#b11cff rgb(177,28,255)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#c34fff
```
#c34fff rgb(195,79,255)
```
#cb68ff
```
#cb68ff rgb(203,104,255)
```
#d482ff
```
#d482ff rgb(212,130,255)
```

Monochromatic Color

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

#8835ff
```
#8835ff rgb(136,53,255)
```
#9835ff
```
#9835ff rgb(152,53,255)
```
#a935ff
```
#a935ff rgb(169,53,255)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#cb35ff
```
#cb35ff rgb(203,53,255)
```
#dc35ff
```
#dc35ff rgb(220,53,255)
```
#ed35ff
```
#ed35ff rgb(237,53,255)
```

Similar Colors

Text with hexadecimal color #ba35ff

This text has a font color of #ba35ff.

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

#ba35ff background color

This paragraph has a background color of #ba35ff.

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

#ba35ff border color

This element has a border color of #ba35ff.

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

CSS codes

.text {color:#ba35ff;}

.background {background-color:#ba35ff;}

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

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, #09000e is the darkest color, while #fdf9ff is the lightest one.

#09000e
```
#09000e rgb(9,0,14)
```
#160021
```
#160021 rgb(22,0,33)
```
#230035
```
#230035 rgb(35,0,53)
```
#300049
```
#300049 rgb(48,0,73)
```
#3d005c
```
#3d005c rgb(61,0,92)
```
#4a0070
```
#4a0070 rgb(74,0,112)
```
#570083
```
#570083 rgb(87,0,131)
```
#630097
```
#630097 rgb(99,0,151)
```
#7000ab
```
#7000ab rgb(112,0,171)
```
#7d00be
```
#7d00be rgb(125,0,190)
```
#8a00d2
```
#8a00d2 rgb(138,0,210)
```
#9700e6
```
#9700e6 rgb(151,0,230)
```
#a400f9
```
#a400f9 rgb(164,0,249)
```

Shade Color Variation

#ad0eff
```
#ad0eff rgb(173,14,255)
```
#b321ff
```
#b321ff rgb(179,33,255)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```
#c149ff
```
#c149ff rgb(193,73,255)
```
#c75cff
```
#c75cff rgb(199,92,255)
```
#ce70ff
```
#ce70ff rgb(206,112,255)
```
#d583ff
```
#d583ff rgb(213,131,255)
```
#dc97ff
```
#dc97ff rgb(220,151,255)
```
#e2abff
```
#e2abff rgb(226,171,255)
```
#e9beff
```
#e9beff rgb(233,190,255)
```
#f0d2ff
```
#f0d2ff rgb(240,210,255)
```
#f6e6ff
```
#f6e6ff rgb(246,230,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#9c92a2
```
#9c92a2 rgb(156,146,162)
```
#9f8aaa
```
#9f8aaa rgb(159,138,170)
```
#a183b1
```
#a183b1 rgb(161,131,177)
```
#a47bb9
```
#a47bb9 rgb(164,123,185)
```
#a673c1
```
#a673c1 rgb(166,115,193)
```
#a96bc9
```
#a96bc9 rgb(169,107,201)
```
#ab64d0
```
#ab64d0 rgb(171,100,208)
```
#ae5cd8
```
#ae5cd8 rgb(174,92,216)
```
#b054e0
```
#b054e0 rgb(176,84,224)
```
#b34ce8
```
#b34ce8 rgb(179,76,232)
```
#b545ef
```
#b545ef rgb(181,69,239)
```
#b83df7
```
#b83df7 rgb(184,61,247)
```
#ba35ff
```
#ba35ff rgb(186,53,255)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#826790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff7 Protanopia 1% of men
#0085db Deuteranopia 1% of men
#a4767f Tritanopia 0.001% of the population

Trichromacy

#4364fa Protanomaly 1% of men, 0.01% of women
#4368e8 Deuteranomaly 6% of men, 0.4% of women
#ac5ead Tritanomaly 0.01% of the population

#ba35ff hex color

#ba35ff Color Information

#ba35ff Color Conversion

Color Schemes with #ba35ff

Alternatives to #ba35ff

#ba35ff Preview

Shades and Tints of #ba35ff

Tones of #ba35ff

Color Blindness Simulator