#ba6ffd hex color

In a RGB color space, hex #ba6ffd is composed of 72.9% red, 43.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 56.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 271.7 degrees, a saturation of 97.3% and a lightness of 71.4%. #ba6ffd color hex could be obtained by blending #ffdeff with #7500fb. Closest websafe color is: #cc66ff.

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

● #ba6ffd color description : Soft violet.

The hexadecimal color #ba6ffd has RGB values of R:186, G:111, B:253 and CMYK values of C:0.26, M:0.56, Y:0, K:0.01. Its decimal value is 12218365.

Hex triplet	ba6ffd	`#ba6ffd`
RGB Decimal	186, 111, 253	`rgb(186,111,253)`
RGB Percent	72.9, 43.5, 99.2	`rgb(72.9%,43.5%,99.2%)`
CMYK	26, 56, 0, 1
HSL	271.7°, 97.3, 71.4	`hsl(271.7,97.3%,71.4%)`
HSV (or HSB)	271.7°, 56.1, 99.2
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	60.694, 55.218, -59.682
XYZ	43.661, 28.9, 96.201
xyY	0.259, 0.171, 28.9
CIE-LCH	60.694, 81.308, 312.775
CIE-LUV	60.694, 23.846, -101.526
Hunter-Lab	53.759, 50.892, -68.467
Binary	10111010, 01101111, 11111101

#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#b2fd6f
```
#b2fd6f rgb(178,253,111)
```

Complementary Color

#736ffd
```
#736ffd rgb(115,111,253)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#fd6ff9
```
#fd6ff9 rgb(253,111,249)
```

Analogous Color

#6ffd73
```
#6ffd73 rgb(111,253,115)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#f9fd6f
```
#f9fd6f rgb(249,253,111)
```

Split Complementary Color

#6ffdba
```
#6ffdba rgb(111,253,186)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#fdba6f
```
#fdba6f rgb(253,186,111)
```

Triadic Color

#6fb2fd
```
#6fb2fd rgb(111,178,253)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#fdba6f
```
#fdba6f rgb(253,186,111)
```
#b2fd6f
```
#b2fd6f rgb(178,253,111)
```

Tetradic Color

#9624fc
```
#9624fc rgb(150,36,252)
```
#a23dfc
```
#a23dfc rgb(162,61,252)
```
#ae56fd
```
#ae56fd rgb(174,86,253)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#c688fd
```
#c688fd rgb(198,136,253)
```
#d2a1fe
```
#d2a1fe rgb(210,161,254)
```
#debafe
```
#debafe rgb(222,186,254)
```

Monochromatic Color

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

#976ffd
```
#976ffd rgb(151,111,253)
```
#a26ffd
```
#a26ffd rgb(162,111,253)
```
#ae6ffd
```
#ae6ffd rgb(174,111,253)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#c66ffd
```
#c66ffd rgb(198,111,253)
```
#d26ffd
```
#d26ffd rgb(210,111,253)
```
#de6ffd
```
#de6ffd rgb(222,111,253)
```

Similar Colors

Text with hexadecimal color #ba6ffd

This text has a font color of #ba6ffd.

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

#ba6ffd background color

This paragraph has a background color of #ba6ffd.

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

#ba6ffd border color

This element has a border color of #ba6ffd.

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

CSS codes

.text {color:#ba6ffd;}

.background {background-color:#ba6ffd;}

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

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, #06000b is the darkest color, while #fbf6ff is the lightest one.

#06000b
```
#06000b rgb(6,0,11)
```
#10001e
```
#10001e rgb(16,0,30)
```
#1a0131
```
#1a0131 rgb(26,1,49)
```
#250145
```
#250145 rgb(37,1,69)
```
#2f0158
```
#2f0158 rgb(47,1,88)
```
#39016c
```
#39016c rgb(57,1,108)
```
#44027f
```
#44027f rgb(68,2,127)
```
#4e0292
```
#4e0292 rgb(78,2,146)
```
#5902a6
```
#5902a6 rgb(89,2,166)
```
#6303b9
```
#6303b9 rgb(99,3,185)
```
#6d03cc
```
#6d03cc rgb(109,3,204)
```
#7803e0
```
#7803e0 rgb(120,3,224)
```
#8203f3
```
#8203f3 rgb(130,3,243)
```

Shade Color Variation

#8c0efc
```
#8c0efc rgb(140,14,252)
```
#9522fc
```
#9522fc rgb(149,34,252)
```
#9e35fc
```
#9e35fc rgb(158,53,252)
```
#a748fc
```
#a748fc rgb(167,72,252)
```
#b15cfd
```
#b15cfd rgb(177,92,253)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```
#c382fd
```
#c382fd rgb(195,130,253)
```
#cd96fe
```
#cd96fe rgb(205,150,254)
```
#d6a9fe
```
#d6a9fe rgb(214,169,254)
```
#dfbcfe
```
#dfbcfe rgb(223,188,254)
```
#e8d0fe
```
#e8d0fe rgb(232,208,254)
```
#f2e3ff
```
#f2e3ff rgb(242,227,255)
```
#fbf6ff
```
#fbf6ff rgb(251,246,255)
```

Tint Color Variation

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

#b6b2ba
```
#b6b2ba rgb(182,178,186)
```
#b7adbf
```
#b7adbf rgb(183,173,191)
```
#b7a7c5
```
#b7a7c5 rgb(183,167,197)
```
#b7a2ca
```
#b7a2ca rgb(183,162,202)
```
#b79cd0
```
#b79cd0 rgb(183,156,208)
```
#b896d6
```
#b896d6 rgb(184,150,214)
```
#b891db
```
#b891db rgb(184,145,219)
```
#b88be1
```
#b88be1 rgb(184,139,225)
```
#b985e7
```
#b985e7 rgb(185,133,231)
```
#b980ec
```
#b980ec rgb(185,128,236)
```
#b97af2
```
#b97af2 rgb(185,122,242)
```
#ba75f7
```
#ba75f7 rgb(186,117,247)
```
#ba6ffd
```
#ba6ffd rgb(186,111,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d8eab Atypical Achromatopsia 0.001% of the population

Dichromacy

#6094ff Protanopia 1% of men
#5699f1 Deuteranopia 1% of men
#a9919c Tritanopia 0.001% of the population

Trichromacy

#8187fe Protanomaly 1% of men, 0.01% of women
#7a89f5 Deuteranomaly 6% of men, 0.4% of women
#af85bf Tritanomaly 0.01% of the population

#ba6ffd hex color

#ba6ffd Color Information

#ba6ffd Color Conversion

Color Schemes with #ba6ffd

Alternatives to #ba6ffd

#ba6ffd Preview

Shades and Tints of #ba6ffd

Tones of #ba6ffd

Color Blindness Simulator