#ba7cf4 hex color

In a RGB color space, hex #ba7cf4 is composed of 72.9% red, 48.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 49.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 271 degrees, a saturation of 84.5% and a lightness of 72.2%. #ba7cf4 color hex could be obtained by blending #fff8ff with #7500e9. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 73
- G 49
- B 96
RGB color chart
- C 24
- M 49
- Y 0
- K 4
CMYK color chart

● #ba7cf4 color description : Soft violet.

The hexadecimal color #ba7cf4 has RGB values of R:186, G:124, B:244 and CMYK values of C:0.24, M:0.49, Y:0, K:0.04. Its decimal value is 12221684.

Hex triplet	ba7cf4	`#ba7cf4`
RGB Decimal	186, 124, 244	`rgb(186,124,244)`
RGB Percent	72.9, 48.6, 95.7	`rgb(72.9%,48.6%,95.7%)`
CMYK	24, 49, 0, 4
HSL	271°, 84.5, 72.2	`hsl(271,84.5%,72.2%)`
HSV (or HSB)	271°, 49.2, 95.7
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	62.833, 46.359, -51.315
XYZ	43.784, 31.387, 89.335
xyY	0.266, 0.191, 31.387
CIE-LCH	62.833, 69.155, 312.096
CIE-LUV	62.833, 21.197, -87.711
Hunter-Lab	56.024, 41.461, -55.326
Binary	10111010, 01111100, 11110100

#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#b6f47c
```
#b6f47c rgb(182,244,124)
```

Complementary Color

#7e7cf4
```
#7e7cf4 rgb(126,124,244)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#f47cf2
```
#f47cf2 rgb(244,124,242)
```

Analogous Color

#7cf47e
```
#7cf47e rgb(124,244,126)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#f2f47c
```
#f2f47c rgb(242,244,124)
```

Split Complementary Color

#7cf4ba
```
#7cf4ba rgb(124,244,186)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#f4ba7c
```
#f4ba7c rgb(244,186,124)
```

Triadic Color

#7cb6f4
```
#7cb6f4 rgb(124,182,244)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#f4ba7c
```
#f4ba7c rgb(244,186,124)
```
#b6f47c
```
#b6f47c rgb(182,244,124)
```

Tetradic Color

#9535ee
```
#9535ee rgb(149,53,238)
```
#a14df0
```
#a14df0 rgb(161,77,240)
```
#ae64f2
```
#ae64f2 rgb(174,100,242)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#c694f6
```
#c694f6 rgb(198,148,246)
```
#d3abf8
```
#d3abf8 rgb(211,171,248)
```
#dfc3fa
```
#dfc3fa rgb(223,195,250)
```

Monochromatic Color

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

#9c7cf4
```
#9c7cf4 rgb(156,124,244)
```
#a67cf4
```
#a67cf4 rgb(166,124,244)
```
#b07cf4
```
#b07cf4 rgb(176,124,244)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#c47cf4
```
#c47cf4 rgb(196,124,244)
```
#ce7cf4
```
#ce7cf4 rgb(206,124,244)
```
#d87cf4
```
#d87cf4 rgb(216,124,244)
```

Similar Colors

Text with hexadecimal color #ba7cf4

This text has a font color of #ba7cf4.

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

#ba7cf4 background color

This paragraph has a background color of #ba7cf4.

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

#ba7cf4 border color

This element has a border color of #ba7cf4.

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

CSS codes

.text {color:#ba7cf4;}

.background {background-color:#ba7cf4;}

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

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, #08010e is the darkest color, while #fdfbff is the lightest one.

#08010e
```
#08010e rgb(8,1,14)
```
#120320
```
#120320 rgb(18,3,32)
```
#1c0432
```
#1c0432 rgb(28,4,50)
```
#260644
```
#260644 rgb(38,6,68)
```
#300756
```
#300756 rgb(48,7,86)
```
#3a0968
```
#3a0968 rgb(58,9,104)
```
#440a7a
```
#440a7a rgb(68,10,122)
```
#4e0c8c
```
#4e0c8c rgb(78,12,140)
```
#580d9f
```
#580d9f rgb(88,13,159)
```
#620fb1
```
#620fb1 rgb(98,15,177)
```
#6d10c3
```
#6d10c3 rgb(109,16,195)
```
#7712d5
```
#7712d5 rgb(119,18,213)
```
#8113e7
```
#8113e7 rgb(129,19,231)
```

Shade Color Variation

#8a22ec
```
#8a22ec rgb(138,34,236)
```
#9434ee
```
#9434ee rgb(148,52,238)
```
#9d46ef
```
#9d46ef rgb(157,70,239)
```
#a758f1
```
#a758f1 rgb(167,88,241)
```
#b06af2
```
#b06af2 rgb(176,106,242)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#c48ef6
```
#c48ef6 rgb(196,142,246)
```
#cda0f7
```
#cda0f7 rgb(205,160,247)
```
#d7b2f9
```
#d7b2f9 rgb(215,178,249)
```
#e0c4fa
```
#e0c4fa rgb(224,196,250)
```
#ead6fc
```
#ead6fc rgb(234,214,252)
```
#f3e9fd
```
#f3e9fd rgb(243,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#b8b3bd
```
#b8b3bd rgb(184,179,189)
```
#b8adc3
```
#b8adc3 rgb(184,173,195)
```
#b9a8c8
```
#b9a8c8 rgb(185,168,200)
```
#b9a2ce
```
#b9a2ce rgb(185,162,206)
```
#b99dd3
```
#b99dd3 rgb(185,157,211)
```
#b997d9
```
#b997d9 rgb(185,151,217)
```
#b992de
```
#b992de rgb(185,146,222)
```
#b98ce4
```
#b98ce4 rgb(185,140,228)
```
#ba87e9
```
#ba87e9 rgb(186,135,233)
```
#ba81ef
```
#ba81ef rgb(186,129,239)
```
#ba7cf4
```
#ba7cf4 rgb(186,124,244)
```
#ba77f9
```
#ba77f9 rgb(186,119,249)
```
#ba71ff
```
#ba71ff rgb(186,113,255)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#a296ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d9aff Protanopia 1% of men
#709deb Deuteranopia 1% of men
#ac97a2 Tritanopia 0.001% of the population

Trichromacy

#898ffb Protanomaly 1% of men, 0.01% of women
#8b91ee Deuteranomaly 6% of men, 0.4% of women
#b18dc0 Tritanomaly 0.01% of the population

#ba7cf4 hex color

#ba7cf4 Color Information

#ba7cf4 Color Conversion

Color Schemes with #ba7cf4

Alternatives to #ba7cf4

#ba7cf4 Preview

Shades and Tints of #ba7cf4

Tones of #ba7cf4

Color Blindness Simulator