#ba7bfe hex color

In a RGB color space, hex #ba7bfe is composed of 72.9% red, 48.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 51.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 268.9 degrees, a saturation of 98.5% and a lightness of 73.9%. #ba7bfe color hex could be obtained by blending #fff6ff with #7500fd. Closest websafe color is: #cc66ff.

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

● #ba7bfe color description : Soft violet.

The hexadecimal color #ba7bfe has RGB values of R:186, G:123, B:254 and CMYK values of C:0.27, M:0.52, Y:0, K:0. Its decimal value is 12221438.

Hex triplet	ba7bfe	`#ba7bfe`
RGB Decimal	186, 123, 254	`rgb(186,123,254)`
RGB Percent	72.9, 48.2, 99.6	`rgb(72.9%,48.2%,99.6%)`
CMYK	27, 52, 0, 0
HSL	268.9°, 98.5, 73.9	`hsl(268.9,98.5%,73.9%)`
HSV (or HSB)	268.9°, 51.6, 99.6
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	63.145, 49.187, -56.321
XYZ	45.219, 31.761, 97.509
xyY	0.259, 0.182, 31.761
CIE-LCH	63.145, 74.776, 311.132
CIE-LUV	63.145, 19.966, -96.239
Hunter-Lab	56.357, 44.598, -63.133
Binary	10111010, 01111011, 11111110

#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#bffe7b
```
#bffe7b rgb(191,254,123)
```

Complementary Color

#7b7efe
```
#7b7efe rgb(123,126,254)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#fc7bfe
```
#fc7bfe rgb(252,123,254)
```

Analogous Color

#7efe7b
```
#7efe7b rgb(126,254,123)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#fefc7b
```
#fefc7b rgb(254,252,123)
```

Split Complementary Color

#7bfeba
```
#7bfeba rgb(123,254,186)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#feba7b
```
#feba7b rgb(254,186,123)
```

Triadic Color

#7bbffe
```
#7bbffe rgb(123,191,254)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#feba7b
```
#feba7b rgb(254,186,123)
```
#bffe7b
```
#bffe7b rgb(191,254,123)
```

Tetradic Color

#922ffd
```
#922ffd rgb(146,47,253)
```
#a048fe
```
#a048fe rgb(160,72,254)
```
#ad62fe
```
#ad62fe rgb(173,98,254)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#c794fe
```
#c794fe rgb(199,148,254)
```
#d4aefe
```
#d4aefe rgb(212,174,254)
```
#e2c7ff
```
#e2c7ff rgb(226,199,255)
```

Monochromatic Color

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

#997bfe
```
#997bfe rgb(153,123,254)
```
#a47bfe
```
#a47bfe rgb(164,123,254)
```
#af7bfe
```
#af7bfe rgb(175,123,254)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#c57bfe
```
#c57bfe rgb(197,123,254)
```
#d07bfe
```
#d07bfe rgb(208,123,254)
```
#db7bfe
```
#db7bfe rgb(219,123,254)
```

Similar Colors

Text with hexadecimal color #ba7bfe

This text has a font color of #ba7bfe.

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

#ba7bfe background color

This paragraph has a background color of #ba7bfe.

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

#ba7bfe border color

This element has a border color of #ba7bfe.

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

CSS codes

.text {color:#ba7bfe;}

.background {background-color:#ba7bfe;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0c0018
```
#0c0018 rgb(12,0,24)
```
#15002b
```
#15002b rgb(21,0,43)
```
#1e003f
```
#1e003f rgb(30,0,63)
```
#280152
```
#280152 rgb(40,1,82)
```
#310166
```
#310166 rgb(49,1,102)
```
#3b0179
```
#3b0179 rgb(59,1,121)
```
#44018d
```
#44018d rgb(68,1,141)
```
#4e01a0
```
#4e01a0 rgb(78,1,160)
```
#5701b3
```
#5701b3 rgb(87,1,179)
```
#6002c7
```
#6002c7 rgb(96,2,199)
```
#6a02da
```
#6a02da rgb(106,2,218)
```
#7302ee
```
#7302ee rgb(115,2,238)
```

Shade Color Variation

#7d06fd
```
#7d06fd rgb(125,6,253)
```
#871afd
```
#871afd rgb(135,26,253)
```
#912dfd
```
#912dfd rgb(145,45,253)
```
#9b41fe
```
#9b41fe rgb(155,65,254)
```
#a654fe
```
#a654fe rgb(166,84,254)
```
#b068fe
```
#b068fe rgb(176,104,254)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```
#c48efe
```
#c48efe rgb(196,142,254)
```
#cea2fe
```
#cea2fe rgb(206,162,254)
```
#d9b5fe
```
#d9b5fe rgb(217,181,254)
```
#e3c9ff
```
#e3c9ff rgb(227,201,255)
```
#eddcff
```
#eddcff rgb(237,220,255)
```
#f7f0ff
```
#f7f0ff rgb(247,240,255)
```

Tint Color Variation

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

#bcb8c1
```
#bcb8c1 rgb(188,184,193)
```
#bcb3c6
```
#bcb3c6 rgb(188,179,198)
```
#bcaecb
```
#bcaecb rgb(188,174,203)
```
#bca9d0
```
#bca9d0 rgb(188,169,208)
```
#bca4d5
```
#bca4d5 rgb(188,164,213)
```
#bb9fda
```
#bb9fda rgb(187,159,218)
```
#bb9adf
```
#bb9adf rgb(187,154,223)
```
#bb95e4
```
#bb95e4 rgb(187,149,228)
```
#bb8fea
```
#bb8fea rgb(187,143,234)
```
#bb8aef
```
#bb8aef rgb(187,138,239)
```
#ba85f4
```
#ba85f4 rgb(186,133,244)
```
#ba80f9
```
#ba80f9 rgb(186,128,249)
```
#ba7bfe
```
#ba7bfe rgb(186,123,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a396b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e9bff Protanopia 1% of men
#669ef3 Deuteranopia 1% of men
#aa99a4 Tritanopia 0.001% of the population

Trichromacy

#8a8ffe Protanomaly 1% of men, 0.01% of women
#8491f7 Deuteranomaly 6% of men, 0.4% of women
#af8ec5 Tritanomaly 0.01% of the population

#ba7bfe hex color

#ba7bfe Color Information

#ba7bfe Color Conversion

Color Schemes with #ba7bfe

Alternatives to #ba7bfe

#ba7bfe Preview

Shades and Tints of #ba7bfe

Tones of #ba7bfe

Color Blindness Simulator