#ba7ba8 hex color

In a RGB color space, hex #ba7ba8 is composed of 72.9% red, 48.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 9.7% yellow and 27.1% black. It has a hue angle of 317.1 degrees, a saturation of 31.3% and a lightness of 60.6%. #ba7ba8 color hex could be obtained by blending #fff6ff with #750051. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 48
- B 66
RGB color chart
- C 0
- M 34
- Y 10
- K 27
CMYK color chart

● #ba7ba8 color description : Slightly desaturated pink.

The hexadecimal color #ba7ba8 has RGB values of R:186, G:123, B:168 and CMYK values of C:0, M:0.34, Y:0.1, K:0.27. Its decimal value is 12221352.

Hex triplet	ba7ba8	`#ba7ba8`
RGB Decimal	186, 123, 168	`rgb(186,123,168)`
RGB Percent	72.9, 48.2, 65.9	`rgb(72.9%,48.2%,65.9%)`
CMYK	0, 34, 10, 27
HSL	317.1°, 31.3, 60.6	`hsl(317.1,31.3%,60.6%)`
HSV (or HSB)	317.1°, 33.9, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	59.373, 31.437, -13.912
XYZ	34.4, 27.434, 40.527
xyY	0.336, 0.268, 27.434
CIE-LCH	59.373, 34.377, 336.129
CIE-LUV	59.373, 34.451, -25.668
Hunter-Lab	52.377, 25.574, -9.212
Binary	10111010, 01111011, 10101000

#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#7bba8d
```
#7bba8d rgb(123,186,141)
```

Complementary Color

#ad7bba
```
#ad7bba rgb(173,123,186)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#ba7b89
```
#ba7b89 rgb(186,123,137)
```

Analogous Color

#7bbaad
```
#7bbaad rgb(123,186,173)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#89ba7b
```
#89ba7b rgb(137,186,123)
```

Split Complementary Color

#7ba8ba
```
#7ba8ba rgb(123,168,186)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#a8ba7b
```
#a8ba7b rgb(168,186,123)
```

Triadic Color

#8d7bba
```
#8d7bba rgb(141,123,186)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#a8ba7b
```
#a8ba7b rgb(168,186,123)
```
#7bba8d
```
#7bba8d rgb(123,186,141)
```

Tetradic Color

#995084
```
#995084 rgb(153,80,132)
```
#a85a92
```
#a85a92 rgb(168,90,146)
```
#b16a9d
```
#b16a9d rgb(177,106,157)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#c38cb3
```
#c38cb3 rgb(195,140,179)
```
#cc9cbe
```
#cc9cbe rgb(204,156,190)
```
#d4adc9
```
#d4adc9 rgb(212,173,201)
```

Monochromatic Color

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

#ba7bb8
```
#ba7bb8 rgb(186,123,184)
```
#ba7bb3
```
#ba7bb3 rgb(186,123,179)
```
#ba7bad
```
#ba7bad rgb(186,123,173)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#ba7ba3
```
#ba7ba3 rgb(186,123,163)
```
#ba7b9e
```
#ba7b9e rgb(186,123,158)
```
#ba7b98
```
#ba7b98 rgb(186,123,152)
```

Similar Colors

Text with hexadecimal color #ba7ba8

This text has a font color of #ba7ba8.

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

#ba7ba8 background color

This paragraph has a background color of #ba7ba8.

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

#ba7ba8 border color

This element has a border color of #ba7ba8.

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

CSS codes

.text {color:#ba7ba8;}

.background {background-color:#ba7ba8;}

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

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 #fdfcfd is the lightest one.

#0a0508
```
#0a0508 rgb(10,5,8)
```
#170c14
```
#170c14 rgb(23,12,20)
```
#23131f
```
#23131f rgb(35,19,31)
```
#30192a
```
#30192a rgb(48,25,42)
```
#3d2035
```
#3d2035 rgb(61,32,53)
```
#4a2740
```
#4a2740 rgb(74,39,64)
```
#572d4b
```
#572d4b rgb(87,45,75)
```
#643456
```
#643456 rgb(100,52,86)
```
#713b61
```
#713b61 rgb(113,59,97)
```
#7e426d
```
#7e426d rgb(126,66,109)
```
#8b4878
```
#8b4878 rgb(139,72,120)
```
#974f83
```
#974f83 rgb(151,79,131)
```
#a4568e
```
#a4568e rgb(164,86,142)
```

Shade Color Variation

#ad6197
```
#ad6197 rgb(173,97,151)
```
#b36ea0
```
#b36ea0 rgb(179,110,160)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#c188b0
```
#c188b0 rgb(193,136,176)
```
#c795b9
```
#c795b9 rgb(199,149,185)
```
#cea2c1
```
#cea2c1 rgb(206,162,193)
```
#d5afca
```
#d5afca rgb(213,175,202)
```
#dcbbd2
```
#dcbbd2 rgb(220,187,210)
```
#e2c8db
```
#e2c8db rgb(226,200,219)
```
#e9d5e3
```
#e9d5e3 rgb(233,213,227)
```
#f0e2ec
```
#f0e2ec rgb(240,226,236)
```
#f7eff4
```
#f7eff4 rgb(247,239,244)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#9b9a9b
```
#9b9a9b rgb(155,154,155)
```
#a3929e
```
#a3929e rgb(163,146,158)
```
#ab8aa1
```
#ab8aa1 rgb(171,138,161)
```
#b283a5
```
#b283a5 rgb(178,131,165)
```
#ba7ba8
```
#ba7ba8 rgb(186,123,168)
```
#c273ab
```
#c273ab rgb(194,115,171)
```
#c96caf
```
#c96caf rgb(201,108,175)
```
#d164b2
```
#d164b2 rgb(209,100,178)
```
#d95cb5
```
#d95cb5 rgb(217,92,181)
```
#e154b9
```
#e154b9 rgb(225,84,185)
```
#e84dbc
```
#e84dbc rgb(232,77,188)
```
#f045bf
```
#f045bf rgb(240,69,191)
```
#f83dc3
```
#f83dc3 rgb(248,61,195)
```

Tone Color Variation

Below, you can see how #ba7ba8 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
#9b8e97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b93b7 Protanopia 1% of men
#9991a7 Deuteranopia 1% of men
#b98790 Tritanopia 0.001% of the population

Trichromacy

#9c8ab1 Protanomaly 1% of men, 0.01% of women
#a589a7 Deuteranomaly 6% of men, 0.4% of women
#b98299 Tritanomaly 0.01% of the population

#ba7ba8 hex color

#ba7ba8 Color Information

#ba7ba8 Color Conversion

Color Schemes with #ba7ba8

Alternatives to #ba7ba8

#ba7ba8 Preview

Shades and Tints of #ba7ba8

Tones of #ba7ba8

Color Blindness Simulator