#ba9bf2 hex color

In a RGB color space, hex #ba9bf2 is composed of 72.9% red, 60.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 36% magenta, 0% yellow and 5.1% black. It has a hue angle of 261.4 degrees, a saturation of 77% and a lightness of 77.8%. #ba9bf2 color hex could be obtained by blending #ffffff with #7537e5. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 73
- G 61
- B 95
RGB color chart
- C 23
- M 36
- Y 0
- K 5
CMYK color chart

● #ba9bf2 color description : Very soft violet.

The hexadecimal color #ba9bf2 has RGB values of R:186, G:155, B:242 and CMYK values of C:0.23, M:0.36, Y:0, K:0.05. Its decimal value is 12229618.

Hex triplet	ba9bf2	`#ba9bf2`
RGB Decimal	186, 155, 242	`rgb(186,155,242)`
RGB Percent	72.9, 60.8, 94.9	`rgb(72.9%,60.8%,94.9%)`
CMYK	23, 36, 0, 5
HSL	261.4°, 77, 77.8	`hsl(261.4,77%,77.8%)`
HSV (or HSB)	261.4°, 36, 94.9
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	69.677, 28.86, -39.453
XYZ	47.995, 40.293, 89.248
xyY	0.27, 0.227, 40.293
CIE-LCH	69.677, 48.882, 306.185
CIE-LUV	69.677, 9.788, -67.233
Hunter-Lab	63.477, 23.882, -38.928
Binary	10111010, 10011011, 11110010

#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#d3f29b
```
#d3f29b rgb(211,242,155)
```

Complementary Color

#9ba8f2
```
#9ba8f2 rgb(155,168,242)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#e69bf2
```
#e69bf2 rgb(230,155,242)
```

Analogous Color

#a8f29b
```
#a8f29b rgb(168,242,155)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#f2e69b
```
#f2e69b rgb(242,230,155)
```

Split Complementary Color

#9bf2ba
```
#9bf2ba rgb(155,242,186)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#f2ba9b
```
#f2ba9b rgb(242,186,155)
```

Triadic Color

#9bd3f2
```
#9bd3f2 rgb(155,211,242)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#f2ba9b
```
#f2ba9b rgb(242,186,155)
```
#d3f29b
```
#d3f29b rgb(211,242,155)
```

Tetradic Color

#8b57e9
```
#8b57e9 rgb(139,87,233)
```
#9b6eec
```
#9b6eec rgb(155,110,236)
```
#aa84ef
```
#aa84ef rgb(170,132,239)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#cab2f5
```
#cab2f5 rgb(202,178,245)
```
#d9c8f8
```
#d9c8f8 rgb(217,200,248)
```
#e9dffb
```
#e9dffb rgb(233,223,251)
```

Monochromatic Color

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

#a49bf2
```
#a49bf2 rgb(164,155,242)
```
#ac9bf2
```
#ac9bf2 rgb(172,155,242)
```
#b39bf2
```
#b39bf2 rgb(179,155,242)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#c19bf2
```
#c19bf2 rgb(193,155,242)
```
#c99bf2
```
#c99bf2 rgb(201,155,242)
```
#d09bf2
```
#d09bf2 rgb(208,155,242)
```

Similar Colors

Text with hexadecimal color #ba9bf2

This text has a font color of #ba9bf2.

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

#ba9bf2 background color

This paragraph has a background color of #ba9bf2.

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

#ba9bf2 border color

This element has a border color of #ba9bf2.

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

CSS codes

.text {color:#ba9bf2;}

.background {background-color:#ba9bf2;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090316
```
#090316 rgb(9,3,22)
```
#110527
```
#110527 rgb(17,5,39)
```
#190738
```
#190738 rgb(25,7,56)
```
#200a4a
```
#200a4a rgb(32,10,74)
```
#280c5b
```
#280c5b rgb(40,12,91)
```
#300e6c
```
#300e6c rgb(48,14,108)
```
#37107e
```
#37107e rgb(55,16,126)
```
#3f138f
```
#3f138f rgb(63,19,143)
```
#4715a0
```
#4715a0 rgb(71,21,160)
```
#4e17b2
```
#4e17b2 rgb(78,23,178)
```
#5619c3
```
#5619c3 rgb(86,25,195)
```
#5d1cd4
```
#5d1cd4 rgb(93,28,212)
```

Shade Color Variation

#6621e2
```
#6621e2 rgb(102,33,226)
```
#7233e4
```
#7233e4 rgb(114,51,228)
```
#7e44e7
```
#7e44e7 rgb(126,68,231)
```
#8a56e9
```
#8a56e9 rgb(138,86,233)
```
#9667eb
```
#9667eb rgb(150,103,235)
```
#a278ed
```
#a278ed rgb(162,120,237)
```
#ae8af0
```
#ae8af0 rgb(174,138,240)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#c6acf4
```
#c6acf4 rgb(198,172,244)
```
#d2bef7
```
#d2bef7 rgb(210,190,247)
```
#decff9
```
#decff9 rgb(222,207,249)
```
#eae0fb
```
#eae0fb rgb(234,224,251)
```
#f6f2fd
```
#f6f2fd rgb(246,242,253)
```

Tint Color Variation

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

#c6c6c7
```
#c6c6c7 rgb(198,198,199)
```
#c5c2cb
```
#c5c2cb rgb(197,194,203)
```
#c4becf
```
#c4becf rgb(196,190,207)
```
#c3b9d4
```
#c3b9d4 rgb(195,185,212)
```
#c1b5d8
```
#c1b5d8 rgb(193,181,216)
```
#c0b1dc
```
#c0b1dc rgb(192,177,220)
```
#bface1
```
#bface1 rgb(191,172,225)
```
#bea8e5
```
#bea8e5 rgb(190,168,229)
```
#bca4e9
```
#bca4e9 rgb(188,164,233)
```
#bb9fee
```
#bb9fee rgb(187,159,238)
```
#ba9bf2
```
#ba9bf2 rgb(186,155,242)
```
#b997f6
```
#b997f6 rgb(185,151,246)
```
#b892fb
```
#b892fb rgb(184,146,251)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b0aabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#91acfb Protanopia 1% of men
#96acee Deuteranopia 1% of men
#b1acb9 Tritanopia 0.001% of the population

Trichromacy

#a0a5f7 Protanomaly 1% of men, 0.01% of women
#a3a6ef Deuteranomaly 6% of men, 0.4% of women
#b4a6cd Tritanomaly 0.01% of the population

#ba9bf2 hex color

#ba9bf2 Color Information

#ba9bf2 Color Conversion

Color Schemes with #ba9bf2

Alternatives to #ba9bf2

#ba9bf2 Preview

Shades and Tints of #ba9bf2

Tones of #ba9bf2

Color Blindness Simulator