#ba5fdd hex color

In a RGB color space, hex #ba5fdd is composed of 72.9% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 283.3 degrees, a saturation of 64.9% and a lightness of 62%. #ba5fdd color hex could be obtained by blending #ffbeff with #7500bb. Closest websafe color is: #cc66cc.

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

● #ba5fdd color description : Soft violet.

The hexadecimal color #ba5fdd has RGB values of R:186, G:95, B:221 and CMYK values of C:0.16, M:0.57, Y:0, K:0.13. Its decimal value is 12214237.

Hex triplet	ba5fdd	`#ba5fdd`
RGB Decimal	186, 95, 221	`rgb(186,95,221)`
RGB Percent	72.9, 37.3, 86.7	`rgb(72.9%,37.3%,86.7%)`
CMYK	16, 57, 0, 13
HSL	283.3°, 64.9, 62	`hsl(283.3,64.9%,62%)`
HSV (or HSB)	283.3°, 57, 86.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.932, 56.312, -49.44
XYZ	37.391, 23.845, 71.036
xyY	0.283, 0.18, 23.845
CIE-LCH	55.932, 74.935, 318.718
CIE-LUV	55.932, 34.964, -83.958
Hunter-Lab	48.832, 51.226, -52.067
Binary	10111010, 01011111, 11011101

#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#82dd5f
```
#82dd5f rgb(130,221,95)
```

Complementary Color

#7b5fdd
```
#7b5fdd rgb(123,95,221)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#dd5fc1
```
#dd5fc1 rgb(221,95,193)
```

Analogous Color

#5fdd7b
```
#5fdd7b rgb(95,221,123)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#c1dd5f
```
#c1dd5f rgb(193,221,95)
```

Split Complementary Color

#5fddba
```
#5fddba rgb(95,221,186)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#ddba5f
```
#ddba5f rgb(221,186,95)
```

Triadic Color

#5f82dd
```
#5f82dd rgb(95,130,221)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#ddba5f
```
#ddba5f rgb(221,186,95)
```
#82dd5f
```
#82dd5f rgb(130,221,95)
```

Tetradic Color

#9a2ac6
```
#9a2ac6 rgb(154,42,198)
```
#a835d4
```
#a835d4 rgb(168,53,212)
```
#b14ad9
```
#b14ad9 rgb(177,74,217)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#c374e1
```
#c374e1 rgb(195,116,225)
```
#cc89e6
```
#cc89e6 rgb(204,137,230)
```
#d59eea
```
#d59eea rgb(213,158,234)
```

Monochromatic Color

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

#9b5fdd
```
#9b5fdd rgb(155,95,221)
```
#a55fdd
```
#a55fdd rgb(165,95,221)
```
#b05fdd
```
#b05fdd rgb(176,95,221)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#c55fdd
```
#c55fdd rgb(197,95,221)
```
#cf5fdd
```
#cf5fdd rgb(207,95,221)
```
#da5fdd
```
#da5fdd rgb(218,95,221)
```

Similar Colors

Text with hexadecimal color #ba5fdd

This text has a font color of #ba5fdd.

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

#ba5fdd background color

This paragraph has a background color of #ba5fdd.

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

#ba5fdd border color

This element has a border color of #ba5fdd.

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

CSS codes

.text {color:#ba5fdd;}

.background {background-color:#ba5fdd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0e0412
```
#0e0412 rgb(14,4,18)
```
#1b0722
```
#1b0722 rgb(27,7,34)
```
#270b32
```
#270b32 rgb(39,11,50)
```
#340e42
```
#340e42 rgb(52,14,66)
```
#411253
```
#411253 rgb(65,18,83)
```
#4d1563
```
#4d1563 rgb(77,21,99)
```
#5a1873
```
#5a1873 rgb(90,24,115)
```
#661c83
```
#661c83 rgb(102,28,131)
```
#731f93
```
#731f93 rgb(115,31,147)
```
#8023a4
```
#8023a4 rgb(128,35,164)
```
#8c26b4
```
#8c26b4 rgb(140,38,180)
```
#992ac4
```
#992ac4 rgb(153,42,196)
```

Shade Color Variation

#a52ed3
```
#a52ed3 rgb(165,46,211)
```
#ac3fd6
```
#ac3fd6 rgb(172,63,214)
```
#b34fda
```
#b34fda rgb(179,79,218)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#c16fe0
```
#c16fe0 rgb(193,111,224)
```
#c87fe4
```
#c87fe4 rgb(200,127,228)
```
#cf90e7
```
#cf90e7 rgb(207,144,231)
```
#d6a0eb
```
#d6a0eb rgb(214,160,235)
```
#ddb0ee
```
#ddb0ee rgb(221,176,238)
```
#e4c0f2
```
#e4c0f2 rgb(228,192,242)
```
#ebd0f5
```
#ebd0f5 rgb(235,208,245)
```
#f2e0f9
```
#f2e0f9 rgb(242,224,249)
```
#f9f1fc
```
#f9f1fc rgb(249,241,252)
```

Tint Color Variation

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

#9f9ba1
```
#9f9ba1 rgb(159,155,161)
```
#a393a9
```
#a393a9 rgb(163,147,169)
```
#a68cb0
```
#a68cb0 rgb(166,140,176)
```
#a984b8
```
#a984b8 rgb(169,132,184)
```
#ad7dbf
```
#ad7dbf rgb(173,125,191)
```
#b075c7
```
#b075c7 rgb(176,117,199)
```
#b36ece
```
#b36ece rgb(179,110,206)
```
#b766d6
```
#b766d6 rgb(183,102,214)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#bd58e4
```
#bd58e4 rgb(189,88,228)
```
#c150ec
```
#c150ec rgb(193,80,236)
```
#c449f3
```
#c449f3 rgb(196,73,243)
```
#c741fb
```
#c741fb rgb(199,65,251)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#93819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4688f9 Protanopia 1% of men
#638cd2 Deuteranopia 1% of men
#ae7f88 Tritanopia 0.001% of the population

Trichromacy

#7079ef Protanomaly 1% of men, 0.01% of women
#827bd6 Deuteranomaly 6% of men, 0.4% of women
#b273a7 Tritanomaly 0.01% of the population

#ba5fdd hex color

#ba5fdd Color Information

#ba5fdd Color Conversion

Color Schemes with #ba5fdd

Alternatives to #ba5fdd

#ba5fdd Preview

Shades and Tints of #ba5fdd

Tones of #ba5fdd

Color Blindness Simulator