#ba6afd hex color

In a RGB color space, hex #ba6afd is composed of 72.9% red, 41.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 58.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 272.7 degrees, a saturation of 97.4% and a lightness of 70.4%. #ba6afd color hex could be obtained by blending #ffd4ff with #7500fb. Closest websafe color is: #cc66ff.

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

● #ba6afd color description : Soft violet.

The hexadecimal color #ba6afd has RGB values of R:186, G:106, B:253 and CMYK values of C:0.26, M:0.58, Y:0, K:0.01. Its decimal value is 12217085.

Hex triplet	ba6afd	`#ba6afd`
RGB Decimal	186, 106, 253	`rgb(186,106,253)`
RGB Percent	72.9, 41.6, 99.2	`rgb(72.9%,41.6%,99.2%)`
CMYK	26, 58, 0, 1
HSL	272.7°, 97.4, 70.4	`hsl(272.7,97.4%,70.4%)`
HSV (or HSB)	272.7°, 58.1, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.744, 57.744, -61.203
XYZ	43.131, 27.84, 96.025
xyY	0.258, 0.167, 27.84
CIE-LCH	59.744, 84.143, 313.335
CIE-LUV	59.744, 25.288, -103.859
Hunter-Lab	52.763, 53.576, -70.968
Binary	10111010, 01101010, 11111101

#ba6afd
```
#ba6afd rgb(186,106,253)
```
#adfd6a
```
#adfd6a rgb(173,253,106)
```

Complementary Color

#716afd
```
#716afd rgb(113,106,253)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#fd6af7
```
#fd6af7 rgb(253,106,247)
```

Analogous Color

#6afd71
```
#6afd71 rgb(106,253,113)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#f7fd6a
```
#f7fd6a rgb(247,253,106)
```

Split Complementary Color

#6afdba
```
#6afdba rgb(106,253,186)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#fdba6a
```
#fdba6a rgb(253,186,106)
```

Triadic Color

#6aadfd
```
#6aadfd rgb(106,173,253)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#fdba6a
```
#fdba6a rgb(253,186,106)
```
#adfd6a
```
#adfd6a rgb(173,253,106)
```

Tetradic Color

#971ffc
```
#971ffc rgb(151,31,252)
```
#a338fc
```
#a338fc rgb(163,56,252)
```
#ae51fd
```
#ae51fd rgb(174,81,253)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#c683fd
```
#c683fd rgb(198,131,253)
```
#d19cfe
```
#d19cfe rgb(209,156,254)
```
#ddb5fe
```
#ddb5fe rgb(221,181,254)
```

Monochromatic Color

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

#956afd
```
#956afd rgb(149,106,253)
```
#a26afd
```
#a26afd rgb(162,106,253)
```
#ae6afd
```
#ae6afd rgb(174,106,253)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#c66afd
```
#c66afd rgb(198,106,253)
```
#d36afd
```
#d36afd rgb(211,106,253)
```
#df6afd
```
#df6afd rgb(223,106,253)
```

Similar Colors

Text with hexadecimal color #ba6afd

This text has a font color of #ba6afd.

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

#ba6afd background color

This paragraph has a background color of #ba6afd.

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

#ba6afd border color

This element has a border color of #ba6afd.

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

CSS codes

.text {color:#ba6afd;}

.background {background-color:#ba6afd;}

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

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

#030006
```
#030006 rgb(3,0,6)
```
#0e0019
```
#0e0019 rgb(14,0,25)
```
#19012d
```
#19012d rgb(25,1,45)
```
#230140
```
#230140 rgb(35,1,64)
```
#2e0153
```
#2e0153 rgb(46,1,83)
```
#380167
```
#380167 rgb(56,1,103)
```
#43027a
```
#43027a rgb(67,2,122)
```
#4e028d
```
#4e028d rgb(78,2,141)
```
#5802a1
```
#5802a1 rgb(88,2,161)
```
#6302b4
```
#6302b4 rgb(99,2,180)
```
#6e03c7
```
#6e03c7 rgb(110,3,199)
```
#7803db
```
#7803db rgb(120,3,219)
```
#8303ee
```
#8303ee rgb(131,3,238)
```

Shade Color Variation

#8d09fc
```
#8d09fc rgb(141,9,252)
```
#961dfc
```
#961dfc rgb(150,29,252)
```
#9f30fc
```
#9f30fc rgb(159,48,252)
```
#a843fc
```
#a843fc rgb(168,67,252)
```
#b157fd
```
#b157fd rgb(177,87,253)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```
#c37dfd
```
#c37dfd rgb(195,125,253)
```
#cc91fe
```
#cc91fe rgb(204,145,254)
```
#d5a4fe
```
#d5a4fe rgb(213,164,254)
```
#deb7fe
```
#deb7fe rgb(222,183,254)
```
#e7cbfe
```
#e7cbfe rgb(231,203,254)
```
#f0deff
```
#f0deff rgb(240,222,255)
```
#f9f1ff
```
#f9f1ff rgb(249,241,255)
```

Tint Color Variation

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

#b4b0b7
```
#b4b0b7 rgb(180,176,183)
```
#b4aabd
```
#b4aabd rgb(180,170,189)
```
#b5a4c3
```
#b5a4c3 rgb(181,164,195)
```
#b59ec9
```
#b59ec9 rgb(181,158,201)
```
#b698cf
```
#b698cf rgb(182,152,207)
```
#b693d4
```
#b693d4 rgb(182,147,212)
```
#b78dda
```
#b78dda rgb(183,141,218)
```
#b787e0
```
#b787e0 rgb(183,135,224)
```
#b881e6
```
#b881e6 rgb(184,129,230)
```
#b87bec
```
#b87bec rgb(184,123,236)
```
#b976f1
```
#b976f1 rgb(185,118,241)
```
#b970f7
```
#b970f7 rgb(185,112,247)
```
#ba6afd
```
#ba6afd rgb(186,106,253)
```

Tone Color Variation

Below, you can see how #ba6afd 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
#4e96f0 Deuteranopia 1% of men
#a88f99 Tritanopia 0.001% of the population

Trichromacy

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

#ba6afd hex color

#ba6afd Color Information

#ba6afd Color Conversion

Color Schemes with #ba6afd

Alternatives to #ba6afd

#ba6afd Preview

Shades and Tints of #ba6afd

Tones of #ba6afd

Color Blindness Simulator