#ba5fd6 hex color

In a RGB color space, hex #ba5fd6 is composed of 72.9% red, 37.3% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 13.1% cyan, 55.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 285.9 degrees, a saturation of 59.2% and a lightness of 60.6%. #ba5fd6 color hex could be obtained by blending #ffbeff with #7500ad. Closest websafe color is: #cc66cc.

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

● #ba5fd6 color description : Moderate magenta.

The hexadecimal color #ba5fd6 has RGB values of R:186, G:95, B:214 and CMYK values of C:0.13, M:0.56, Y:0, K:0.16. Its decimal value is 12214230.

Hex triplet	ba5fd6	`#ba5fd6`
RGB Decimal	186, 95, 214	`rgb(186,95,214)`
RGB Percent	72.9, 37.3, 83.9	`rgb(72.9%,37.3%,83.9%)`
CMYK	13, 56, 0, 16
HSL	285.9°, 59.2, 60.6	`hsl(285.9,59.2%,60.6%)`
HSV (or HSB)	285.9°, 55.6, 83.9
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.563, 54.896, -46.069
XYZ	36.478, 23.48, 66.225
xyY	0.289, 0.186, 23.48
CIE-LCH	55.563, 71.665, 319.996
CIE-LUV	55.563, 36.538, -78.411
Hunter-Lab	48.456, 49.578, -47.113
Binary	10111010, 01011111, 11010110

#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#7bd65f
```
#7bd65f rgb(123,214,95)
```

Complementary Color

#7f5fd6
```
#7f5fd6 rgb(127,95,214)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#d65fb7
```
#d65fb7 rgb(214,95,183)
```

Analogous Color

#5fd67f
```
#5fd67f rgb(95,214,127)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#b7d65f
```
#b7d65f rgb(183,214,95)
```

Split Complementary Color

#5fd6ba
```
#5fd6ba rgb(95,214,186)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#d6ba5f
```
#d6ba5f rgb(214,186,95)
```

Triadic Color

#5f7bd6
```
#5f7bd6 rgb(95,123,214)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#d6ba5f
```
#d6ba5f rgb(214,186,95)
```
#7bd65f
```
#7bd65f rgb(123,214,95)
```

Tetradic Color

#992fb9
```
#992fb9 rgb(153,47,185)
```
#a836cc
```
#a836cc rgb(168,54,204)
```
#b14bd1
```
#b14bd1 rgb(177,75,209)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#c373db
```
#c373db rgb(195,115,219)
```
#cc88e0
```
#cc88e0 rgb(204,136,224)
```
#d49ce6
```
#d49ce6 rgb(212,156,230)
```

Monochromatic Color

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

#9c5fd6
```
#9c5fd6 rgb(156,95,214)
```
#a65fd6
```
#a65fd6 rgb(166,95,214)
```
#b05fd6
```
#b05fd6 rgb(176,95,214)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#c45fd6
```
#c45fd6 rgb(196,95,214)
```
#ce5fd6
```
#ce5fd6 rgb(206,95,214)
```
#d65fd4
```
#d65fd4 rgb(214,95,212)
```

Similar Colors

Text with hexadecimal color #ba5fd6

This text has a font color of #ba5fd6.

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

#ba5fd6 background color

This paragraph has a background color of #ba5fd6.

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

#ba5fd6 border color

This element has a border color of #ba5fd6.

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

CSS codes

.text {color:#ba5fd6;}

.background {background-color:#ba5fd6;}

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

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, #0a030c is the darkest color, while #fdfbfe is the lightest one.

#0a030c
```
#0a030c rgb(10,3,12)
```
#17071b
```
#17071b rgb(23,7,27)
```
#230b2b
```
#230b2b rgb(35,11,43)
```
#300f3b
```
#300f3b rgb(48,15,59)
```
#3d134a
```
#3d134a rgb(61,19,74)
```
#4a175a
```
#4a175a rgb(74,23,90)
```
#571b69
```
#571b69 rgb(87,27,105)
```
#641f79
```
#641f79 rgb(100,31,121)
```
#712389
```
#712389 rgb(113,35,137)
```
#7e2798
```
#7e2798 rgb(126,39,152)
```
#8b2ba8
```
#8b2ba8 rgb(139,43,168)
```
#972fb8
```
#972fb8 rgb(151,47,184)
```
#a433c7
```
#a433c7 rgb(164,51,199)
```

Shade Color Variation

#ad40ce
```
#ad40ce rgb(173,64,206)
```
#b34fd2
```
#b34fd2 rgb(179,79,210)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#c16fda
```
#c16fda rgb(193,111,218)
```
#c77ede
```
#c77ede rgb(199,126,222)
```
#ce8ee2
```
#ce8ee2 rgb(206,142,226)
```
#d59de6
```
#d59de6 rgb(213,157,230)
```
#dcadea
```
#dcadea rgb(220,173,234)
```
#e2bdee
```
#e2bdee rgb(226,189,238)
```
#e9ccf2
```
#e9ccf2 rgb(233,204,242)
```
#f0dcf6
```
#f0dcf6 rgb(240,220,246)
```
#f7ecfa
```
#f7ecfa rgb(247,236,250)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#9d95a0
```
#9d95a0 rgb(157,149,160)
```
#a18da8
```
#a18da8 rgb(161,141,168)
```
#a686af
```
#a686af rgb(166,134,175)
```
#aa7eb7
```
#aa7eb7 rgb(170,126,183)
```
#ae76bf
```
#ae76bf rgb(174,118,191)
```
#b26ec7
```
#b26ec7 rgb(178,110,199)
```
#b667ce
```
#b667ce rgb(182,103,206)
```
#ba5fd6
```
#ba5fd6 rgb(186,95,214)
```
#be57de
```
#be57de rgb(190,87,222)
```
#c250e5
```
#c250e5 rgb(194,80,229)
```
#c648ed
```
#c648ed rgb(198,72,237)
```
#ca40f5
```
#ca40f5 rgb(202,64,245)
```
#ce38fd
```
#ce38fd rgb(206,56,253)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#928098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f87f2 Protanopia 1% of men
#688bcc Deuteranopia 1% of men
#b07e86 Tritanopia 0.001% of the population

Trichromacy

#7679e7 Protanomaly 1% of men, 0.01% of women
#867bd0 Deuteranomaly 6% of men, 0.4% of women
#b372a3 Tritanomaly 0.01% of the population

#ba5fd6 hex color

#ba5fd6 Color Information

#ba5fd6 Color Conversion

Color Schemes with #ba5fd6

Alternatives to #ba5fd6

#ba5fd6 Preview

Shades and Tints of #ba5fd6

Tones of #ba5fd6

Color Blindness Simulator