#ba6afc hex color

In a RGB color space, hex #ba6afc is composed of 72.9% red, 41.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 57.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 272.9 degrees, a saturation of 96.1% and a lightness of 70.2%. #ba6afc color hex could be obtained by blending #ffd4ff with #7500f9. 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

● #ba6afc color description : Soft violet.

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

Hex triplet	ba6afc	`#ba6afc`
RGB Decimal	186, 106, 252	`rgb(186,106,252)`
RGB Percent	72.9, 41.6, 98.8	`rgb(72.9%,41.6%,98.8%)`
CMYK	26, 58, 0, 1
HSL	272.9°, 96.1, 70.2	`hsl(272.9,96.1%,70.2%)`
HSV (or HSB)	272.9°, 57.9, 98.8
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	59.686, 57.52, -60.743
XYZ	42.972, 27.776, 95.188
xyY	0.259, 0.167, 27.776
CIE-LCH	59.686, 83.656, 313.439
CIE-LUV	59.686, 25.47, -103.092
Hunter-Lab	52.703, 53.311, -70.192
Binary	10111010, 01101010, 11111100

#ba6afc
```
#ba6afc rgb(186,106,252)
```
#acfc6a
```
#acfc6a rgb(172,252,106)
```

Complementary Color

#716afc
```
#716afc rgb(113,106,252)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#fc6af5
```
#fc6af5 rgb(252,106,245)
```

Analogous Color

#6afc71
```
#6afc71 rgb(106,252,113)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#f5fc6a
```
#f5fc6a rgb(245,252,106)
```

Split Complementary Color

#6afcba
```
#6afcba rgb(106,252,186)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#fcba6a
```
#fcba6a rgb(252,186,106)
```

Triadic Color

#6aacfc
```
#6aacfc rgb(106,172,252)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#fcba6a
```
#fcba6a rgb(252,186,106)
```
#acfc6a
```
#acfc6a rgb(172,252,106)
```

Tetradic Color

#971ffa
```
#971ffa rgb(151,31,250)
```
#a338fb
```
#a338fb rgb(163,56,251)
```
#ae51fb
```
#ae51fb rgb(174,81,251)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#c683fd
```
#c683fd rgb(198,131,253)
```
#d19cfd
```
#d19cfd rgb(209,156,253)
```
#ddb5fe
```
#ddb5fe rgb(221,181,254)
```

Monochromatic Color

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

#966afc
```
#966afc rgb(150,106,252)
```
#a26afc
```
#a26afc rgb(162,106,252)
```
#ae6afc
```
#ae6afc rgb(174,106,252)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#c66afc
```
#c66afc rgb(198,106,252)
```
#d26afc
```
#d26afc rgb(210,106,252)
```
#df6afc
```
#df6afc rgb(223,106,252)
```

Similar Colors

Text with hexadecimal color #ba6afc

This text has a font color of #ba6afc.

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

#ba6afc background color

This paragraph has a background color of #ba6afc.

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

#ba6afc border color

This element has a border color of #ba6afc.

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

CSS codes

.text {color:#ba6afc;}

.background {background-color:#ba6afc;}

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

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

#030005
```
#030005 rgb(3,0,5)
```
#0d0018
```
#0d0018 rgb(13,0,24)
```
#18012b
```
#18012b rgb(24,1,43)
```
#23013f
```
#23013f rgb(35,1,63)
```
#2e0252
```
#2e0252 rgb(46,2,82)
```
#380265
```
#380265 rgb(56,2,101)
```
#430278
```
#430278 rgb(67,2,120)
```
#4e038b
```
#4e038b rgb(78,3,139)
```
#58039f
```
#58039f rgb(88,3,159)
```
#6304b2
```
#6304b2 rgb(99,4,178)
```
#6e04c5
```
#6e04c5 rgb(110,4,197)
```
#7904d8
```
#7904d8 rgb(121,4,216)
```
#8305ec
```
#8305ec rgb(131,5,236)
```

Shade Color Variation

#8d0afa
```
#8d0afa rgb(141,10,250)
```
#961dfa
```
#961dfa rgb(150,29,250)
```
#9f30fb
```
#9f30fb rgb(159,48,251)
```
#a844fb
```
#a844fb rgb(168,68,251)
```
#b157fc
```
#b157fc rgb(177,87,252)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```
#c37dfc
```
#c37dfc rgb(195,125,252)
```
#cc90fd
```
#cc90fd rgb(204,144,253)
```
#d5a4fd
```
#d5a4fd rgb(213,164,253)
```
#deb7fe
```
#deb7fe rgb(222,183,254)
```
#e7cafe
```
#e7cafe rgb(231,202,254)
```
#efddfe
```
#efddfe rgb(239,221,254)
```
#f8f1ff
```
#f8f1ff rgb(248,241,255)
```

Tint Color Variation

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

#b3b0b6
```
#b3b0b6 rgb(179,176,182)
```
#b4aabc
```
#b4aabc rgb(180,170,188)
```
#b4a4c2
```
#b4a4c2 rgb(180,164,194)
```
#b59fc7
```
#b59fc7 rgb(181,159,199)
```
#b699cd
```
#b699cd rgb(182,153,205)
```
#b693d3
```
#b693d3 rgb(182,147,211)
```
#b78dd9
```
#b78dd9 rgb(183,141,217)
```
#b787df
```
#b787df rgb(183,135,223)
```
#b881e5
```
#b881e5 rgb(184,129,229)
```
#b87cea
```
#b87cea rgb(184,124,234)
```
#b976f0
```
#b976f0 rgb(185,118,240)
```
#b970f6
```
#b970f6 rgb(185,112,246)
```
#ba6afc
```
#ba6afc rgb(186,106,252)
```

Tone Color Variation

Below, you can see how #ba6afc 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
#5096ef Deuteranopia 1% of men
#a88e98 Tritanopia 0.001% of the population

Trichromacy

#7c83fd Protanomaly 1% of men, 0.01% of women
#7686f3 Deuteranomaly 6% of men, 0.4% of women
#af81bc Tritanomaly 0.01% of the population

#ba6afc hex color

#ba6afc Color Information

#ba6afc Color Conversion

Color Schemes with #ba6afc

Alternatives to #ba6afc

#ba6afc Preview

Shades and Tints of #ba6afc

Tones of #ba6afc

Color Blindness Simulator