#ba84de hex color

In a RGB color space, hex #ba84de is composed of 72.9% red, 51.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 40.5% magenta, 0% yellow and 12.9% black. It has a hue angle of 276 degrees, a saturation of 57.7% and a lightness of 69.4%. #ba84de color hex could be obtained by blending #ffffff with #7509bd. Closest websafe color is: #cc99cc.

♥
- f
- t
- g
- R 73
- G 52
- B 87
RGB color chart
- C 16
- M 41
- Y 0
- K 13
CMYK color chart

● #ba84de color description : Very soft violet.

The hexadecimal color #ba84de has RGB values of R:186, G:132, B:222 and CMYK values of C:0.16, M:0.41, Y:0, K:0.13. Its decimal value is 12223710.

Hex triplet	ba84de	`#ba84de`
RGB Decimal	186, 132, 222	`rgb(186,132,222)`
RGB Percent	72.9, 51.8, 87.1	`rgb(72.9%,51.8%,87.1%)`
CMYK	16, 41, 0, 13
HSL	276°, 57.7, 69.4	`hsl(276,57.7%,69.4%)`
HSV (or HSB)	276°, 40.5, 87.1
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.521, 37.116, -38.04
XYZ	41.684, 32.216, 73.126
xyY	0.284, 0.219, 32.216
CIE-LCH	63.521, 53.148, 314.295
CIE-LUV	63.521, 21.615, -65.057
Hunter-Lab	56.759, 31.761, -36.654
Binary	10111010, 10000100, 11011110

#ba84de
```
#ba84de rgb(186,132,222)
```
#a8de84
```
#a8de84 rgb(168,222,132)
```

Complementary Color

#8d84de
```
#8d84de rgb(141,132,222)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#de84d5
```
#de84d5 rgb(222,132,213)
```

Analogous Color

#84de8d
```
#84de8d rgb(132,222,141)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#d5de84
```
#d5de84 rgb(213,222,132)
```

Split Complementary Color

#84deba
```
#84deba rgb(132,222,186)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#deba84
```
#deba84 rgb(222,186,132)
```

Triadic Color

#84a8de
```
#84a8de rgb(132,168,222)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#deba84
```
#deba84 rgb(222,186,132)
```
#a8de84
```
#a8de84 rgb(168,222,132)
```

Tetradic Color

#9848ce
```
#9848ce rgb(152,72,206)
```
#a35cd3
```
#a35cd3 rgb(163,92,211)
```
#af70d9
```
#af70d9 rgb(175,112,217)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#c598e3
```
#c598e3 rgb(197,152,227)
```
#d1ace9
```
#d1ace9 rgb(209,172,233)
```
#dcc0ee
```
#dcc0ee rgb(220,192,238)
```

Monochromatic Color

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

#a484de
```
#a484de rgb(164,132,222)
```
#ab84de
```
#ab84de rgb(171,132,222)
```
#b384de
```
#b384de rgb(179,132,222)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#c284de
```
#c284de rgb(194,132,222)
```
#c984de
```
#c984de rgb(201,132,222)
```
#d184de
```
#d184de rgb(209,132,222)
```

Similar Colors

Text with hexadecimal color #ba84de

This text has a font color of #ba84de.

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

#ba84de background color

This paragraph has a background color of #ba84de.

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

#ba84de border color

This element has a border color of #ba84de.

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

CSS codes

.text {color:#ba84de;}

.background {background-color:#ba84de;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0b0410
```
#0b0410 rgb(11,4,16)
```
#160820
```
#160820 rgb(22,8,32)
```
#210d2f
```
#210d2f rgb(33,13,47)
```
#2c113f
```
#2c113f rgb(44,17,63)
```
#37154e
```
#37154e rgb(55,21,78)
```
#42195e
```
#42195e rgb(66,25,94)
```
#4d1d6d
```
#4d1d6d rgb(77,29,109)
```
#58217c
```
#58217c rgb(88,33,124)
```
#63268c
```
#63268c rgb(99,38,140)
```
#6e2a9b
```
#6e2a9b rgb(110,42,155)
```
#792eab
```
#792eab rgb(121,46,171)
```
#8432ba
```
#8432ba rgb(132,50,186)
```

Shade Color Variation

#8f37c9
```
#8f37c9 rgb(143,55,201)
```
#9746cd
```
#9746cd rgb(151,70,205)
```
#a056d2
```
#a056d2 rgb(160,86,210)
```
#a965d6
```
#a965d6 rgb(169,101,214)
```
#b175da
```
#b175da rgb(177,117,218)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#c393e2
```
#c393e2 rgb(195,147,226)
```
#cba3e6
```
#cba3e6 rgb(203,163,230)
```
#d4b2ea
```
#d4b2ea rgb(212,178,234)
```
#ddc2ef
```
#ddc2ef rgb(221,194,239)
```
#e5d1f3
```
#e5d1f3 rgb(229,209,243)
```
#eee1f7
```
#eee1f7 rgb(238,225,247)
```
#f7f0fb
```
#f7f0fb rgb(247,240,251)
```

Tint Color Variation

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

#b2aeb4
```
#b2aeb4 rgb(178,174,180)
```
#b3a8ba
```
#b3a8ba rgb(179,168,186)
```
#b4a2c0
```
#b4a2c0 rgb(180,162,192)
```
#b59cc6
```
#b59cc6 rgb(181,156,198)
```
#b696cc
```
#b696cc rgb(182,150,204)
```
#b890d2
```
#b890d2 rgb(184,144,210)
```
#b98ad8
```
#b98ad8 rgb(185,138,216)
```
#ba84de
```
#ba84de rgb(186,132,222)
```
#bb7ee4
```
#bb7ee4 rgb(187,126,228)
```
#bc78ea
```
#bc78ea rgb(188,120,234)
```
#be72f0
```
#be72f0 rgb(190,114,240)
```
#bf6cf6
```
#bf6cf6 rgb(191,108,246)
```
#c066fc
```
#c066fc rgb(192,102,252)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a499ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f9cec Protanopia 1% of men
#889dd9 Deuteranopia 1% of men
#b298a3 Tritanopia 0.001% of the population

Trichromacy

#9493e7 Protanomaly 1% of men, 0.01% of women
#9a94db Deuteranomaly 6% of men, 0.4% of women
#b490b8 Tritanomaly 0.01% of the population

#ba84de hex color

#ba84de Color Information

#ba84de Color Conversion

Color Schemes with #ba84de

Alternatives to #ba84de

#ba84de Preview

Shades and Tints of #ba84de

Tones of #ba84de

Color Blindness Simulator