#ba84fe hex color

In a RGB color space, hex #ba84fe is composed of 72.9% red, 51.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 48% magenta, 0% yellow and 0.4% black. It has a hue angle of 266.6 degrees, a saturation of 98.4% and a lightness of 75.7%. #ba84fe color hex could be obtained by blending #ffffff with #7509fd. Closest websafe color is: #cc99ff.

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

● #ba84fe color description : Soft violet.

The hexadecimal color #ba84fe has RGB values of R:186, G:132, B:254 and CMYK values of C:0.27, M:0.48, Y:0, K:0. Its decimal value is 12223742.

Hex triplet	ba84fe	`#ba84fe`
RGB Decimal	186, 132, 254	`rgb(186,132,254)`
RGB Percent	72.9, 51.8, 99.6	`rgb(72.9%,51.8%,99.6%)`
CMYK	27, 48, 0, 0
HSL	266.6°, 98.4, 75.7	`hsl(266.6,98.4%,75.7%)`
HSV (or HSB)	266.6°, 48, 99.6
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.04, 44.352, -53.31
XYZ	46.387, 34.098, 97.898
xyY	0.26, 0.191, 34.098
CIE-LCH	65.04, 69.347, 309.759
CIE-LUV	65.04, 16.959, -91.281
Hunter-Lab	58.393, 39.612, -58.526
Binary	10111010, 10000100, 11111110

#ba84fe
```
#ba84fe rgb(186,132,254)
```
#c8fe84
```
#c8fe84 rgb(200,254,132)
```

Complementary Color

#848bfe
```
#848bfe rgb(132,139,254)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#f784fe
```
#f784fe rgb(247,132,254)
```

Analogous Color

#8bfe84
```
#8bfe84 rgb(139,254,132)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#fef784
```
#fef784 rgb(254,247,132)
```

Split Complementary Color

#84feba
```
#84feba rgb(132,254,186)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#feba84
```
#feba84 rgb(254,186,132)
```

Triadic Color

#84c8fe
```
#84c8fe rgb(132,200,254)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#feba84
```
#feba84 rgb(254,186,132)
```
#c8fe84
```
#c8fe84 rgb(200,254,132)
```

Tetradic Color

#8f38fd
```
#8f38fd rgb(143,56,253)
```
#9e51fe
```
#9e51fe rgb(158,81,254)
```
#ac6bfe
```
#ac6bfe rgb(172,107,254)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#c89dfe
```
#c89dfe rgb(200,157,254)
```
#d6b7fe
```
#d6b7fe rgb(214,183,254)
```
#e5d0ff
```
#e5d0ff rgb(229,208,255)
```

Monochromatic Color

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

#9c84fe
```
#9c84fe rgb(156,132,254)
```
#a684fe
```
#a684fe rgb(166,132,254)
```
#b084fe
```
#b084fe rgb(176,132,254)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#c484fe
```
#c484fe rgb(196,132,254)
```
#ce84fe
```
#ce84fe rgb(206,132,254)
```
#d984fe
```
#d984fe rgb(217,132,254)
```

Similar Colors

Text with hexadecimal color #ba84fe

This text has a font color of #ba84fe.

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

#ba84fe background color

This paragraph has a background color of #ba84fe.

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

#ba84fe border color

This element has a border color of #ba84fe.

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

CSS codes

.text {color:#ba84fe;}

.background {background-color:#ba84fe;}

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

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

#06000d
```
#06000d rgb(6,0,13)
```
#0f0021
```
#0f0021 rgb(15,0,33)
```
#170034
```
#170034 rgb(23,0,52)
```
#200148
```
#200148 rgb(32,1,72)
```
#29015b
```
#29015b rgb(41,1,91)
```
#31016e
```
#31016e rgb(49,1,110)
```
#3a0182
```
#3a0182 rgb(58,1,130)
```
#430195
```
#430195 rgb(67,1,149)
```
#4c01a9
```
#4c01a9 rgb(76,1,169)
```
#5402bc
```
#5402bc rgb(84,2,188)
```
#5d02d0
```
#5d02d0 rgb(93,2,208)
```
#6602e3
```
#6602e3 rgb(102,2,227)
```
#6e02f7
```
#6e02f7 rgb(110,2,247)
```

Shade Color Variation

#790ffd
```
#790ffd rgb(121,15,253)
```
#8323fd
```
#8323fd rgb(131,35,253)
```
#8e36fd
```
#8e36fd rgb(142,54,253)
```
#994afe
```
#994afe rgb(153,74,254)
```
#a45dfe
```
#a45dfe rgb(164,93,254)
```
#af71fe
```
#af71fe rgb(175,113,254)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```
#c597fe
```
#c597fe rgb(197,151,254)
```
#d0abfe
```
#d0abfe rgb(208,171,254)
```
#dbbefe
```
#dbbefe rgb(219,190,254)
```
#e6d2ff
```
#e6d2ff rgb(230,210,255)
```
#f1e5ff
```
#f1e5ff rgb(241,229,255)
```
#fbf9ff
```
#fbf9ff rgb(251,249,255)
```

Tint Color Variation

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

#c1bdc5
```
#c1bdc5 rgb(193,189,197)
```
#c0b8ca
```
#c0b8ca rgb(192,184,202)
```
#bfb4ce
```
#bfb4ce rgb(191,180,206)
```
#bfafd3
```
#bfafd3 rgb(191,175,211)
```
#beaad8
```
#beaad8 rgb(190,170,216)
```
#bea5dd
```
#bea5dd rgb(190,165,221)
```
#bda1e1
```
#bda1e1 rgb(189,161,225)
```
#bd9ce6
```
#bd9ce6 rgb(189,156,230)
```
#bc97eb
```
#bc97eb rgb(188,151,235)
```
#bc92f0
```
#bc92f0 rgb(188,146,240)
```
#bb8ef4
```
#bb8ef4 rgb(187,142,244)
```
#bb89f9
```
#bb89f9 rgb(187,137,249)
```
#ba84fe
```
#ba84fe rgb(186,132,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a79cb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#789fff Protanopia 1% of men
#72a2f5 Deuteranopia 1% of men
#ab9faa Tritanopia 0.001% of the population

Trichromacy

#9095fe Protanomaly 1% of men, 0.01% of women
#8c97f8 Deuteranomaly 6% of men, 0.4% of women
#b095c9 Tritanomaly 0.01% of the population

#ba84fe hex color

#ba84fe Color Information

#ba84fe Color Conversion

Color Schemes with #ba84fe

Alternatives to #ba84fe

#ba84fe Preview

Shades and Tints of #ba84fe

Tones of #ba84fe

Color Blindness Simulator