#ba5fd1 hex color

In a RGB color space, hex #ba5fd1 is composed of 72.9% red, 37.3% green and 82% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 54.5% magenta, 0% yellow and 18% black. It has a hue angle of 287.9 degrees, a saturation of 55.3% and a lightness of 59.6%. #ba5fd1 color hex could be obtained by blending #ffbeff with #7500a3. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 37
- B 82
RGB color chart
- C 11
- M 55
- Y 0
- K 18
CMYK color chart

● #ba5fd1 color description : Moderate magenta.

The hexadecimal color #ba5fd1 has RGB values of R:186, G:95, B:209 and CMYK values of C:0.11, M:0.55, Y:0, K:0.18. Its decimal value is 12214225.

Hex triplet	ba5fd1	`#ba5fd1`
RGB Decimal	186, 95, 209	`rgb(186,95,209)`
RGB Percent	72.9, 37.3, 82	`rgb(72.9%,37.3%,82%)`
CMYK	11, 55, 0, 18
HSL	287.9°, 55.3, 59.6	`hsl(287.9,55.3%,59.6%)`
HSV (or HSB)	287.9°, 54.5, 82
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	55.307, 53.901, -43.638
XYZ	35.849, 23.228, 62.913
xyY	0.294, 0.19, 23.228
CIE-LCH	55.307, 69.351, 321.007
CIE-LUV	55.307, 37.682, -74.417
Hunter-Lab	48.196, 48.43, -43.658
Binary	10111010, 01011111, 11010001

#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#76d15f
```
#76d15f rgb(118,209,95)
```

Complementary Color

#815fd1
```
#815fd1 rgb(129,95,209)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#d15faf
```
#d15faf rgb(209,95,175)
```

Analogous Color

#5fd181
```
#5fd181 rgb(95,209,129)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#afd15f
```
#afd15f rgb(175,209,95)
```

Split Complementary Color

#5fd1ba
```
#5fd1ba rgb(95,209,186)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#d1ba5f
```
#d1ba5f rgb(209,186,95)
```

Triadic Color

#5f76d1
```
#5f76d1 rgb(95,118,209)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#d1ba5f
```
#d1ba5f rgb(209,186,95)
```
#76d15f
```
#76d15f rgb(118,209,95)
```

Tetradic Color

#9733b1
```
#9733b1 rgb(151,51,177)
```
#a838c5
```
#a838c5 rgb(168,56,197)
```
#b14bcb
```
#b14bcb rgb(177,75,203)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#c373d7
```
#c373d7 rgb(195,115,215)
```
#cb87dc
```
#cb87dc rgb(203,135,220)
```
#d49ae2
```
#d49ae2 rgb(212,154,226)
```

Monochromatic Color

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

#9e5fd1
```
#9e5fd1 rgb(158,95,209)
```
#a75fd1
```
#a75fd1 rgb(167,95,209)
```
#b15fd1
```
#b15fd1 rgb(177,95,209)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#c45fd1
```
#c45fd1 rgb(196,95,209)
```
#cd5fd1
```
#cd5fd1 rgb(205,95,209)
```
#d15fcc
```
#d15fcc rgb(209,95,204)
```

Similar Colors

Text with hexadecimal color #ba5fd1

This text has a font color of #ba5fd1.

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

#ba5fd1 background color

This paragraph has a background color of #ba5fd1.

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

#ba5fd1 border color

This element has a border color of #ba5fd1.

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

CSS codes

.text {color:#ba5fd1;}

.background {background-color:#ba5fd1;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#140717
```
#140717 rgb(20,7,23)
```
#210b26
```
#210b26 rgb(33,11,38)
```
#2e0f35
```
#2e0f35 rgb(46,15,53)
```
#3b1445
```
#3b1445 rgb(59,20,69)
```
#481854
```
#481854 rgb(72,24,84)
```
#551c63
```
#551c63 rgb(85,28,99)
```
#622172
```
#622172 rgb(98,33,114)
```
#6f2581
```
#6f2581 rgb(111,37,129)
```
#7c2a91
```
#7c2a91 rgb(124,42,145)
```
#892ea0
```
#892ea0 rgb(137,46,160)
```
#9632af
```
#9632af rgb(150,50,175)
```
#a337be
```
#a337be rgb(163,55,190)
```

Shade Color Variation

#ad41c8
```
#ad41c8 rgb(173,65,200)
```
#b350cd
```
#b350cd rgb(179,80,205)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#c16ed5
```
#c16ed5 rgb(193,110,213)
```
#c77dda
```
#c77dda rgb(199,125,218)
```
#ce8dde
```
#ce8dde rgb(206,141,222)
```
#d49ce3
```
#d49ce3 rgb(212,156,227)
```
#dbabe7
```
#dbabe7 rgb(219,171,231)
```
#e1baeb
```
#e1baeb rgb(225,186,235)
```
#e8caf0
```
#e8caf0 rgb(232,202,240)
```
#efd9f4
```
#efd9f4 rgb(239,217,244)
```
#f5e8f8
```
#f5e8f8 rgb(245,232,248)
```
#fcf7fd
```
#fcf7fd rgb(252,247,253)
```

Tint Color Variation

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

#99969a
```
#99969a rgb(153,150,154)
```
#9e8fa1
```
#9e8fa1 rgb(158,143,161)
```
#a287a9
```
#a287a9 rgb(162,135,169)
```
#a77fb1
```
#a77fb1 rgb(167,127,177)
```
#ac77b9
```
#ac77b9 rgb(172,119,185)
```
#b16fc1
```
#b16fc1 rgb(177,111,193)
```
#b567c9
```
#b567c9 rgb(181,103,201)
```
#ba5fd1
```
#ba5fd1 rgb(186,95,209)
```
#bf57d9
```
#bf57d9 rgb(191,87,217)
```
#c34fe1
```
#c34fe1 rgb(195,79,225)
```
#c847e9
```
#c847e9 rgb(200,71,233)
```
#cd3ff1
```
#cd3ff1 rgb(205,63,241)
```
#d237f9
```
#d237f9 rgb(210,55,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#917f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5487ec Protanopia 1% of men
#6c8ac8 Deuteranopia 1% of men
#b07c85 Tritanopia 0.001% of the population

Trichromacy

#7978e2 Protanomaly 1% of men, 0.01% of women
#887acb Deuteranomaly 6% of men, 0.4% of women
#b471a0 Tritanomaly 0.01% of the population

#ba5fd1 hex color

#ba5fd1 Color Information

#ba5fd1 Color Conversion

Color Schemes with #ba5fd1

Alternatives to #ba5fd1

#ba5fd1 Preview

Shades and Tints of #ba5fd1

Tones of #ba5fd1

Color Blindness Simulator