#ba6afe hex color

In a RGB color space, hex #ba6afe is composed of 72.9% red, 41.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 58.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 272.4 degrees, a saturation of 98.7% and a lightness of 70.6%. #ba6afe color hex could be obtained by blending #ffd4ff with #7500fd. Closest websafe color is: #cc66ff.

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

● #ba6afe color description : Soft violet.

The hexadecimal color #ba6afe has RGB values of R:186, G:106, B:254 and CMYK values of C:0.27, M:0.58, Y:0, K:0. Its decimal value is 12217086.

Hex triplet	ba6afe	`#ba6afe`
RGB Decimal	186, 106, 254	`rgb(186,106,254)`
RGB Percent	72.9, 41.6, 99.6	`rgb(72.9%,41.6%,99.6%)`
CMYK	27, 58, 0, 0
HSL	272.4°, 98.7, 70.6	`hsl(272.4,98.7%,70.6%)`
HSV (or HSB)	272.4°, 58.3, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.802, 57.968, -61.661
XYZ	43.29, 27.904, 96.866
xyY	0.258, 0.166, 27.904
CIE-LCH	59.802, 84.631, 313.232
CIE-LUV	59.802, 25.105, -104.625
Hunter-Lab	52.824, 53.843, -71.746
Binary	10111010, 01101010, 11111110

#ba6afe
```
#ba6afe rgb(186,106,254)
```
#aefe6a
```
#aefe6a rgb(174,254,106)
```

Complementary Color

#706afe
```
#706afe rgb(112,106,254)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#fe6af8
```
#fe6af8 rgb(254,106,248)
```

Analogous Color

#6afe70
```
#6afe70 rgb(106,254,112)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#f8fe6a
```
#f8fe6a rgb(248,254,106)
```

Split Complementary Color

#6afeba
```
#6afeba rgb(106,254,186)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#feba6a
```
#feba6a rgb(254,186,106)
```

Triadic Color

#6aaefe
```
#6aaefe rgb(106,174,254)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#feba6a
```
#feba6a rgb(254,186,106)
```
#aefe6a
```
#aefe6a rgb(174,254,106)
```

Tetradic Color

#971efd
```
#971efd rgb(151,30,253)
```
#a337fe
```
#a337fe rgb(163,55,254)
```
#ae51fe
```
#ae51fe rgb(174,81,254)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#c683fe
```
#c683fe rgb(198,131,254)
```
#d19dfe
```
#d19dfe rgb(209,157,254)
```
#ddb6ff
```
#ddb6ff rgb(221,182,255)
```

Monochromatic Color

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

#956afe
```
#956afe rgb(149,106,254)
```
#a16afe
```
#a16afe rgb(161,106,254)
```
#ae6afe
```
#ae6afe rgb(174,106,254)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#c66afe
```
#c66afe rgb(198,106,254)
```
#d36afe
```
#d36afe rgb(211,106,254)
```
#df6afe
```
#df6afe rgb(223,106,254)
```

Similar Colors

Text with hexadecimal color #ba6afe

This text has a font color of #ba6afe.

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

#ba6afe background color

This paragraph has a background color of #ba6afe.

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

#ba6afe border color

This element has a border color of #ba6afe.

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

CSS codes

.text {color:#ba6afe;}

.background {background-color:#ba6afe;}

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

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

#040007
```
#040007 rgb(4,0,7)
```
#0e001a
```
#0e001a rgb(14,0,26)
```
#19002e
```
#19002e rgb(25,0,46)
```
#240041
```
#240041 rgb(36,0,65)
```
#2e0155
```
#2e0155 rgb(46,1,85)
```
#390168
```
#390168 rgb(57,1,104)
```
#43017c
```
#43017c rgb(67,1,124)
```
#4e018f
```
#4e018f rgb(78,1,143)
```
#5801a3
```
#5801a3 rgb(88,1,163)
```
#6301b6
```
#6301b6 rgb(99,1,182)
```
#6e01ca
```
#6e01ca rgb(110,1,202)
```
#7801dd
```
#7801dd rgb(120,1,221)
```
#8302f1
```
#8302f1 rgb(131,2,241)
```

Shade Color Variation

#8d09fd
```
#8d09fd rgb(141,9,253)
```
#961cfd
```
#961cfd rgb(150,28,253)
```
#9f30fe
```
#9f30fe rgb(159,48,254)
```
#a843fe
```
#a843fe rgb(168,67,254)
```
#b157fe
```
#b157fe rgb(177,87,254)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```
#c37dfe
```
#c37dfe rgb(195,125,254)
```
#cc91fe
```
#cc91fe rgb(204,145,254)
```
#d5a4fe
```
#d5a4fe rgb(213,164,254)
```
#deb8ff
```
#deb8ff rgb(222,184,255)
```
#e7cbff
```
#e7cbff rgb(231,203,255)
```
#f0dfff
```
#f0dfff rgb(240,223,255)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#b4afb9
```
#b4afb9 rgb(180,175,185)
```
#b5a9bf
```
#b5a9bf rgb(181,169,191)
```
#b5a4c4
```
#b5a4c4 rgb(181,164,196)
```
#b69eca
```
#b69eca rgb(182,158,202)
```
#b698d0
```
#b698d0 rgb(182,152,208)
```
#b792d6
```
#b792d6 rgb(183,146,214)
```
#b78ddb
```
#b78ddb rgb(183,141,219)
```
#b887e1
```
#b887e1 rgb(184,135,225)
```
#b881e7
```
#b881e7 rgb(184,129,231)
```
#b97bed
```
#b97bed rgb(185,123,237)
```
#b976f2
```
#b976f2 rgb(185,118,242)
```
#ba70f8
```
#ba70f8 rgb(186,112,248)
```
#ba6afe
```
#ba6afe rgb(186,106,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b8ba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#4d97f1 Deuteranopia 1% of men
#a88f99 Tritanopia 0.001% of the population

Trichromacy

#7d83fe Protanomaly 1% of men, 0.01% of women
#7486f5 Deuteranomaly 6% of men, 0.4% of women
#ae81bd Tritanomaly 0.01% of the population

#ba6afe hex color

#ba6afe Color Information

#ba6afe Color Conversion

Color Schemes with #ba6afe

Alternatives to #ba6afe

#ba6afe Preview

Shades and Tints of #ba6afe

Tones of #ba6afe

Color Blindness Simulator