#ba7bc3 hex color

In a RGB color space, hex #ba7bc3 is composed of 72.9% red, 48.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 36.9% magenta, 0% yellow and 23.5% black. It has a hue angle of 292.5 degrees, a saturation of 37.5% and a lightness of 62.4%. #ba7bc3 color hex could be obtained by blending #fff6ff with #750087. Closest websafe color is: #cc66cc.

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

● #ba7bc3 color description : Slightly desaturated magenta.

The hexadecimal color #ba7bc3 has RGB values of R:186, G:123, B:195 and CMYK values of C:0.05, M:0.37, Y:0, K:0.24. Its decimal value is 12221379.

Hex triplet	ba7bc3	`#ba7bc3`
RGB Decimal	186, 123, 195	`rgb(186,123,195)`
RGB Percent	72.9, 48.2, 76.5	`rgb(72.9%,48.2%,76.5%)`
CMYK	5, 37, 0, 24
HSL	292.5°, 37.5, 62.4	`hsl(292.5,37.5%,62.4%)`
HSV (or HSB)	292.5°, 36.9, 76.5
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	60.379, 36.459, -27.765
XYZ	37.182, 28.546, 55.178
xyY	0.308, 0.236, 28.546
CIE-LCH	60.379, 45.828, 322.71
CIE-LUV	60.379, 29.744, -47.975
Hunter-Lab	53.429, 30.72, -23.831
Binary	10111010, 01111011, 11000011

#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#84c37b
```
#84c37b rgb(132,195,123)
```

Complementary Color

#967bc3
```
#967bc3 rgb(150,123,195)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c37ba8
```
#c37ba8 rgb(195,123,168)
```

Analogous Color

#7bc396
```
#7bc396 rgb(123,195,150)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#a8c37b
```
#a8c37b rgb(168,195,123)
```

Split Complementary Color

#7bc3ba
```
#7bc3ba rgb(123,195,186)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c3ba7b
```
#c3ba7b rgb(195,186,123)
```

Triadic Color

#7b84c3
```
#7b84c3 rgb(123,132,195)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c3ba7b
```
#c3ba7b rgb(195,186,123)
```
#84c37b
```
#84c37b rgb(132,195,123)
```

Tetradic Color

#9b4ba6
```
#9b4ba6 rgb(155,75,166)
```
#a858b3
```
#a858b3 rgb(168,88,179)
```
#b169bb
```
#b169bb rgb(177,105,187)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c38dcb
```
#c38dcb rgb(195,141,203)
```
#cc9ed3
```
#cc9ed3 rgb(204,158,211)
```
#d5b0db
```
#d5b0db rgb(213,176,219)
```

Monochromatic Color

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

#a87bc3
```
#a87bc3 rgb(168,123,195)
```
#ae7bc3
```
#ae7bc3 rgb(174,123,195)
```
#b47bc3
```
#b47bc3 rgb(180,123,195)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c07bc3
```
#c07bc3 rgb(192,123,195)
```
#c37bc0
```
#c37bc0 rgb(195,123,192)
```
#c37bba
```
#c37bba rgb(195,123,186)
```

Similar Colors

Text with hexadecimal color #ba7bc3

This text has a font color of #ba7bc3.

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

#ba7bc3 background color

This paragraph has a background color of #ba7bc3.

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

#ba7bc3 border color

This element has a border color of #ba7bc3.

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

CSS codes

.text {color:#ba7bc3;}

.background {background-color:#ba7bc3;}

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

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

#030103
```
#030103 rgb(3,1,3)
```
#0f0710
```
#0f0710 rgb(15,7,16)
```
#1c0e1e
```
#1c0e1e rgb(28,14,30)
```
#28142b
```
#28142b rgb(40,20,43)
```
#351a39
```
#351a39 rgb(53,26,57)
```
#412046
```
#412046 rgb(65,32,70)
```
#4e2654
```
#4e2654 rgb(78,38,84)
```
#5b2c61
```
#5b2c61 rgb(91,44,97)
```
#67326f
```
#67326f rgb(103,50,111)
```
#74387c
```
#74387c rgb(116,56,124)
```
#803f8a
```
#803f8a rgb(128,63,138)
```
#8d4597
```
#8d4597 rgb(141,69,151)
```
#994ba5
```
#994ba5 rgb(153,75,165)
```

Shade Color Variation

#a553b1
```
#a553b1 rgb(165,83,177)
```
#ac60b7
```
#ac60b7 rgb(172,96,183)
```
#b36ebd
```
#b36ebd rgb(179,110,189)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c188c9
```
#c188c9 rgb(193,136,201)
```
#c896cf
```
#c896cf rgb(200,150,207)
```
#cfa3d5
```
#cfa3d5 rgb(207,163,213)
```
#d6b1dc
```
#d6b1dc rgb(214,177,220)
```
#ddbee2
```
#ddbee2 rgb(221,190,226)
```
#e4cce8
```
#e4cce8 rgb(228,204,232)
```
#ebd9ee
```
#ebd9ee rgb(235,217,238)
```
#f2e7f4
```
#f2e7f4 rgb(242,231,244)
```
#f9f4fa
```
#f9f4fa rgb(249,244,250)
```

Tint Color Variation

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

#a499a5
```
#a499a5 rgb(164,153,165)
```
#a991ad
```
#a991ad rgb(169,145,173)
```
#af8ab4
```
#af8ab4 rgb(175,138,180)
```
#b482bc
```
#b482bc rgb(180,130,188)
```
#ba7bc3
```
#ba7bc3 rgb(186,123,195)
```
#c074ca
```
#c074ca rgb(192,116,202)
```
#c56cd2
```
#c56cd2 rgb(197,108,210)
```
#cb65d9
```
#cb65d9 rgb(203,101,217)
```
#d05de1
```
#d05de1 rgb(208,93,225)
```
#d656e8
```
#d656e8 rgb(214,86,232)
```
#db4fef
```
#db4fef rgb(219,79,239)
```
#e147f7
```
#e147f7 rgb(225,71,247)
```
#e640fe
```
#e640fe rgb(230,64,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d919f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8195d3 Protanopia 1% of men
#8d94c0 Deuteranopia 1% of men
#b58c96 Tritanopia 0.001% of the population

Trichromacy

#968bcd Protanomaly 1% of men, 0.01% of women
#9d8bc1 Deuteranomaly 6% of men, 0.4% of women
#b786a6 Tritanomaly 0.01% of the population

#ba7bc3 hex color

#ba7bc3 Color Information

#ba7bc3 Color Conversion

Color Schemes with #ba7bc3

Alternatives to #ba7bc3

#ba7bc3 Preview

Shades and Tints of #ba7bc3

Tones of #ba7bc3

Color Blindness Simulator