#ba5fc1 hex color

In a RGB color space, hex #ba5fc1 is composed of 72.9% red, 37.3% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 50.8% magenta, 0% yellow and 24.3% black. It has a hue angle of 295.7 degrees, a saturation of 44.1% and a lightness of 56.5%. #ba5fc1 color hex could be obtained by blending #ffbeff with #750083. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 73
- G 37
- B 76
RGB color chart
- C 4
- M 51
- Y 0
- K 24
CMYK color chart

● #ba5fc1 color description : Moderate magenta.

The hexadecimal color #ba5fc1 has RGB values of R:186, G:95, B:193 and CMYK values of C:0.04, M:0.51, Y:0, K:0.24. Its decimal value is 12214209.

Hex triplet	ba5fc1	`#ba5fc1`
RGB Decimal	186, 95, 193	`rgb(186,95,193)`
RGB Percent	72.9, 37.3, 75.7	`rgb(72.9%,37.3%,75.7%)`
CMYK	4, 51, 0, 24
HSL	295.7°, 44.1, 56.5	`hsl(295.7,44.1%,56.5%)`
HSV (or HSB)	295.7°, 50.8, 75.7
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	54.528, 50.821, -35.725
XYZ	33.967, 22.475, 52.998
xyY	0.31, 0.205, 22.475
CIE-LCH	54.528, 62.121, 324.894
CIE-LUV	54.528, 41.446, -61.491
Hunter-Lab	47.408, 44.926, -33.095
Binary	10111010, 01011111, 11000001

#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#66c15f
```
#66c15f rgb(102,193,95)
```

Complementary Color

#895fc1
```
#895fc1 rgb(137,95,193)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c15f97
```
#c15f97 rgb(193,95,151)
```

Analogous Color

#5fc189
```
#5fc189 rgb(95,193,137)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#97c15f
```
#97c15f rgb(151,193,95)
```

Split Complementary Color

#5fc1ba
```
#5fc1ba rgb(95,193,186)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c1ba5f
```
#c1ba5f rgb(193,186,95)
```

Triadic Color

#5f66c1
```
#5f66c1 rgb(95,102,193)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c1ba5f
```
#c1ba5f rgb(193,186,95)
```
#66c15f
```
#66c15f rgb(102,193,95)
```

Tetradic Color

#923b98
```
#923b98 rgb(146,59,152)
```
#a342ab
```
#a342ab rgb(163,66,171)
```
#b24dba
```
#b24dba rgb(178,77,186)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c271c8
```
#c271c8 rgb(194,113,200)
```
#ca84cf
```
#ca84cf rgb(202,132,207)
```
#d296d6
```
#d296d6 rgb(210,150,214)
```

Monochromatic Color

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

#a25fc1
```
#a25fc1 rgb(162,95,193)
```
#aa5fc1
```
#aa5fc1 rgb(170,95,193)
```
#b25fc1
```
#b25fc1 rgb(178,95,193)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c15fc0
```
#c15fc0 rgb(193,95,192)
```
#c15fb8
```
#c15fb8 rgb(193,95,184)
```
#c15fb0
```
#c15fb0 rgb(193,95,176)
```

Similar Colors

Text with hexadecimal color #ba5fc1

This text has a font color of #ba5fc1.

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

#ba5fc1 background color

This paragraph has a background color of #ba5fc1.

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

#ba5fc1 border color

This element has a border color of #ba5fc1.

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

CSS codes

.text {color:#ba5fc1;}

.background {background-color:#ba5fc1;}

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

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, #09040a is the darkest color, while #fdfbfd is the lightest one.

#09040a
```
#09040a rgb(9,4,10)
```
#170918
```
#170918 rgb(23,9,24)
```
#240f26
```
#240f26 rgb(36,15,38)
```
#321434
```
#321434 rgb(50,20,52)
```
#3f1a42
```
#3f1a42 rgb(63,26,66)
```
#4d1f50
```
#4d1f50 rgb(77,31,80)
```
#5a255e
```
#5a255e rgb(90,37,94)
```
#682a6d
```
#682a6d rgb(104,42,109)
```
#75307b
```
#75307b rgb(117,48,123)
```
#833589
```
#833589 rgb(131,53,137)
```
#903b97
```
#903b97 rgb(144,59,151)
```
#9e40a5
```
#9e40a5 rgb(158,64,165)
```
#ab45b3
```
#ab45b3 rgb(171,69,179)
```

Shade Color Variation

#b451bc
```
#b451bc rgb(180,81,188)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c06dc6
```
#c06dc6 rgb(192,109,198)
```
#c67bcc
```
#c67bcc rgb(198,123,204)
```
#cc89d1
```
#cc89d1 rgb(204,137,209)
```
#d298d7
```
#d298d7 rgb(210,152,215)
```
#d8a6dc
```
#d8a6dc rgb(216,166,220)
```
#dfb4e2
```
#dfb4e2 rgb(223,180,226)
```
#e5c2e7
```
#e5c2e7 rgb(229,194,231)
```
#ebd0ed
```
#ebd0ed rgb(235,208,237)
```
#f1def2
```
#f1def2 rgb(241,222,242)
```
#f7ecf8
```
#f7ecf8 rgb(247,236,248)
```
#fdfbfd
```
#fdfbfd rgb(253,251,253)
```

Tint Color Variation

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

#958a96
```
#958a96 rgb(149,138,150)
```
#9d819f
```
#9d819f rgb(157,129,159)
```
#a479a7
```
#a479a7 rgb(164,121,167)
```
#ab70b0
```
#ab70b0 rgb(171,112,176)
```
#b368b8
```
#b368b8 rgb(179,104,184)
```
#ba5fc1
```
#ba5fc1 rgb(186,95,193)
```
#c156ca
```
#c156ca rgb(193,86,202)
```
#c94ed2
```
#c94ed2 rgb(201,78,210)
```
#d045db
```
#d045db rgb(208,69,219)
```
#d73de3
```
#d73de3 rgb(215,61,227)
```
#df34ec
```
#df34ec rgb(223,52,236)
```
#e62cf4
```
#e62cf4 rgb(230,44,244)
```
#ed23fd
```
#ed23fd rgb(237,35,253)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#907d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6286db Protanopia 1% of men
#7687ba Deuteranopia 1% of men
#b37880 Tritanopia 0.001% of the population

Trichromacy

#8277d1 Protanomaly 1% of men, 0.01% of women
#8e78bc Deuteranomaly 6% of men, 0.4% of women
#b56f98 Tritanomaly 0.01% of the population

#ba5fc1 hex color

#ba5fc1 Color Information

#ba5fc1 Color Conversion

Color Schemes with #ba5fc1

Alternatives to #ba5fc1

#ba5fc1 Preview

Shades and Tints of #ba5fc1

Tones of #ba5fc1

Color Blindness Simulator