#ba7ca2 hex color

In a RGB color space, hex #ba7ca2 is composed of 72.9% red, 48.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 12.9% yellow and 27.1% black. It has a hue angle of 323.2 degrees, a saturation of 31% and a lightness of 60.8%. #ba7ca2 color hex could be obtained by blending #fff8ff with #750045. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 49
- B 64
RGB color chart
- C 0
- M 33
- Y 13
- K 27
CMYK color chart

● #ba7ca2 color description : Slightly desaturated pink.

The hexadecimal color #ba7ca2 has RGB values of R:186, G:124, B:162 and CMYK values of C:0, M:0.33, Y:0.13, K:0.27. Its decimal value is 12221602.

Hex triplet	ba7ca2	`#ba7ca2`
RGB Decimal	186, 124, 162	`rgb(186,124,162)`
RGB Percent	72.9, 48.6, 63.5	`rgb(72.9%,48.6%,63.5%)`
CMYK	0, 33, 13, 27
HSL	323.2°, 31, 60.8	`hsl(323.2,31%,60.8%)`
HSV (or HSB)	323.2°, 33.3, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	59.402, 29.853, -10.427
XYZ	33.978, 27.464, 37.692
xyY	0.343, 0.277, 27.464
CIE-LCH	59.402, 31.622, 340.747
CIE-LUV	59.402, 34.973, -20.209
Hunter-Lab	52.407, 24.021, -5.958
Binary	10111010, 01111100, 10100010

#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#7cba94
```
#7cba94 rgb(124,186,148)
```

Complementary Color

#b37cba
```
#b37cba rgb(179,124,186)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#ba7c83
```
#ba7c83 rgb(186,124,131)
```

Analogous Color

#7cbab3
```
#7cbab3 rgb(124,186,179)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#83ba7c
```
#83ba7c rgb(131,186,124)
```

Split Complementary Color

#7ca2ba
```
#7ca2ba rgb(124,162,186)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#a2ba7c
```
#a2ba7c rgb(162,186,124)
```

Triadic Color

#947cba
```
#947cba rgb(148,124,186)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#a2ba7c
```
#a2ba7c rgb(162,186,124)
```
#7cba94
```
#7cba94 rgb(124,186,148)
```

Tetradic Color

#99517d
```
#99517d rgb(153,81,125)
```
#a85b8a
```
#a85b8a rgb(168,91,138)
```
#b16b96
```
#b16b96 rgb(177,107,150)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#c38dae
```
#c38dae rgb(195,141,174)
```
#cc9dba
```
#cc9dba rgb(204,157,186)
```
#d4aec6
```
#d4aec6 rgb(212,174,198)
```

Monochromatic Color

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

#ba7cb2
```
#ba7cb2 rgb(186,124,178)
```
#ba7cac
```
#ba7cac rgb(186,124,172)
```
#ba7ca7
```
#ba7ca7 rgb(186,124,167)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#ba7c9d
```
#ba7c9d rgb(186,124,157)
```
#ba7c98
```
#ba7c98 rgb(186,124,152)
```
#ba7c93
```
#ba7c93 rgb(186,124,147)
```

Similar Colors

Text with hexadecimal color #ba7ca2

This text has a font color of #ba7ca2.

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

#ba7ca2 background color

This paragraph has a background color of #ba7ca2.

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

#ba7ca2 border color

This element has a border color of #ba7ca2.

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

CSS codes

.text {color:#ba7ca2;}

.background {background-color:#ba7ca2;}

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

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

#0a0508
```
#0a0508 rgb(10,5,8)
```
#170c13
```
#170c13 rgb(23,12,19)
```
#24131d
```
#24131d rgb(36,19,29)
```
#311a28
```
#311a28 rgb(49,26,40)
```
#3e2132
```
#3e2132 rgb(62,33,50)
```
#4b273d
```
#4b273d rgb(75,39,61)
```
#572e47
```
#572e47 rgb(87,46,71)
```
#643552
```
#643552 rgb(100,53,82)
```
#713c5c
```
#713c5c rgb(113,60,92)
```
#7e4267
```
#7e4267 rgb(126,66,103)
```
#8b4971
```
#8b4971 rgb(139,73,113)
```
#98507c
```
#98507c rgb(152,80,124)
```
#a55786
```
#a55786 rgb(165,87,134)
```

Shade Color Variation

#ac6290
```
#ac6290 rgb(172,98,144)
```
#b36f99
```
#b36f99 rgb(179,111,153)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#c189ab
```
#c189ab rgb(193,137,171)
```
#c896b4
```
#c896b4 rgb(200,150,180)
```
#cea3bd
```
#cea3bd rgb(206,163,189)
```
#d5afc6
```
#d5afc6 rgb(213,175,198)
```
#dcbcd0
```
#dcbcd0 rgb(220,188,208)
```
#e3c9d9
```
#e3c9d9 rgb(227,201,217)
```
#e9d6e2
```
#e9d6e2 rgb(233,214,226)
```
#f0e3eb
```
#f0e3eb rgb(240,227,235)
```
#f7f0f4
```
#f7f0f4 rgb(247,240,244)
```
#fefcfd
```
#fefcfd rgb(254,252,253)
```

Tint Color Variation

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

#9b9b9b
```
#9b9b9b rgb(155,155,155)
```
#a3939d
```
#a3939d rgb(163,147,157)
```
#ab8b9f
```
#ab8b9f rgb(171,139,159)
```
#b284a0
```
#b284a0 rgb(178,132,160)
```
#ba7ca2
```
#ba7ca2 rgb(186,124,162)
```
#c274a4
```
#c274a4 rgb(194,116,164)
```
#c96da5
```
#c96da5 rgb(201,109,165)
```
#d165a7
```
#d165a7 rgb(209,101,167)
```
#d95da9
```
#d95da9 rgb(217,93,169)
```
#e056ab
```
#e056ab rgb(224,86,171)
```
#e84eac
```
#e84eac rgb(232,78,172)
```
#f046ae
```
#f046ae rgb(240,70,174)
```
#f83eb0
```
#f83eb0 rgb(248,62,176)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b8e96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e93b0 Protanopia 1% of men
#9b91a2 Deuteranopia 1% of men
#ba8790 Tritanopia 0.001% of the population

Trichromacy

#9e8aab Protanomaly 1% of men, 0.01% of women
#a689a2 Deuteranomaly 6% of men, 0.4% of women
#ba8396 Tritanomaly 0.01% of the population

#ba7ca2 hex color

#ba7ca2 Color Information

#ba7ca2 Color Conversion

Color Schemes with #ba7ca2

Alternatives to #ba7ca2

#ba7ca2 Preview

Shades and Tints of #ba7ca2

Tones of #ba7ca2

Color Blindness Simulator