#ba7a86 hex color

In a RGB color space, hex #ba7a86 is composed of 72.9% red, 47.8% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 28% yellow and 27.1% black. It has a hue angle of 348.8 degrees, a saturation of 31.7% and a lightness of 60.4%. #ba7a86 color hex could be obtained by blending #fff4ff with #75000d. Closest websafe color is: #cc6699.

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

● #ba7a86 color description : Slightly desaturated red.

The hexadecimal color #ba7a86 has RGB values of R:186, G:122, B:134 and CMYK values of C:0, M:0.34, Y:0.28, K:0.27. Its decimal value is 12221062.

Hex triplet	ba7a86	`#ba7a86`
RGB Decimal	186, 122, 134	`rgb(186,122,134)`
RGB Percent	72.9, 47.8, 52.5	`rgb(72.9%,47.8%,52.5%)`
CMYK	0, 34, 28, 27
HSL	348.8°, 31.7, 60.4	`hsl(348.8,31.7%,60.4%)`
HSV (or HSB)	348.8°, 34.4, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	58.114, 26.603, 3.818
XYZ	31.512, 26.081, 25.927
xyY	0.377, 0.312, 26.081
CIE-LCH	58.114, 26.875, 8.168
CIE-LUV	58.114, 40.797, 0.487
Hunter-Lab	51.07, 20.771, 5.648
Binary	10111010, 01111010, 10000110

#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#7abaae
```
#7abaae rgb(122,186,174)
```

Complementary Color

#ba7aa6
```
#ba7aa6 rgb(186,122,166)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#ba8e7a
```
#ba8e7a rgb(186,142,122)
```

Analogous Color

#7aa6ba
```
#7aa6ba rgb(122,166,186)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#7aba8e
```
#7aba8e rgb(122,186,142)
```

Split Complementary Color

#7a86ba
```
#7a86ba rgb(122,134,186)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#86ba7a
```
#86ba7a rgb(134,186,122)
```

Triadic Color

#ae7aba
```
#ae7aba rgb(174,122,186)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#86ba7a
```
#86ba7a rgb(134,186,122)
```
#7abaae
```
#7abaae rgb(122,186,174)
```

Tetradic Color

#984f5d
```
#984f5d rgb(152,79,93)
```
#a95867
```
#a95867 rgb(169,88,103)
```
#b16977
```
#b16977 rgb(177,105,119)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#c38b95
```
#c38b95 rgb(195,139,149)
```
#cb9ca5
```
#cb9ca5 rgb(203,156,165)
```
#d4acb4
```
#d4acb4 rgb(212,172,180)
```

Monochromatic Color

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

#ba7a96
```
#ba7a96 rgb(186,122,150)
```
#ba7a91
```
#ba7a91 rgb(186,122,145)
```
#ba7a8b
```
#ba7a8b rgb(186,122,139)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#ba7a81
```
#ba7a81 rgb(186,122,129)
```
#ba7a7b
```
#ba7a7b rgb(186,122,123)
```
#ba7e7a
```
#ba7e7a rgb(186,126,122)
```

Similar Colors

Text with hexadecimal color #ba7a86

This text has a font color of #ba7a86.

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

#ba7a86 background color

This paragraph has a background color of #ba7a86.

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

#ba7a86 border color

This element has a border color of #ba7a86.

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

CSS codes

.text {color:#ba7a86;}

.background {background-color:#ba7a86;}

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

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

#090506
```
#090506 rgb(9,5,6)
```
#160b0d
```
#160b0d rgb(22,11,13)
```
#231215
```
#231215 rgb(35,18,21)
```
#30191d
```
#30191d rgb(48,25,29)
```
#3d2025
```
#3d2025 rgb(61,32,37)
```
#4a262d
```
#4a262d rgb(74,38,45)
```
#572d35
```
#572d35 rgb(87,45,53)
```
#63343d
```
#63343d rgb(99,52,61)
```
#703a44
```
#703a44 rgb(112,58,68)
```
#7d414c
```
#7d414c rgb(125,65,76)
```
#8a4854
```
#8a4854 rgb(138,72,84)
```
#974e5c
```
#974e5c rgb(151,78,92)
```
#a45564
```
#a45564 rgb(164,85,100)
```

Shade Color Variation

#ad606f
```
#ad606f rgb(173,96,111)
```
#b36d7a
```
#b36d7a rgb(179,109,122)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#c18792
```
#c18792 rgb(193,135,146)
```
#c7949d
```
#c7949d rgb(199,148,157)
```
#cea1a9
```
#cea1a9 rgb(206,161,169)
```
#d5aeb5
```
#d5aeb5 rgb(213,174,181)
```
#dcbbc1
```
#dcbbc1 rgb(220,187,193)
```
#e2c7cc
```
#e2c7cc rgb(226,199,204)
```
#e9d4d8
```
#e9d4d8 rgb(233,212,216)
```
#f0e1e4
```
#f0e1e4 rgb(240,225,228)
```
#f6eef0
```
#f6eef0 rgb(246,238,240)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#9b9999
```
#9b9999 rgb(155,153,153)
```
#a39195
```
#a39195 rgb(163,145,149)
```
#aa8a90
```
#aa8a90 rgb(170,138,144)
```
#b2828b
```
#b2828b rgb(178,130,139)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#c27281
```
#c27281 rgb(194,114,129)
```
#ca6a7c
```
#ca6a7c rgb(202,106,124)
```
#d16377
```
#d16377 rgb(209,99,119)
```
#d95b73
```
#d95b73 rgb(217,91,115)
```
#e1536e
```
#e1536e rgb(225,83,110)
```
#e94b69
```
#e94b69 rgb(233,75,105)
```
#f04464
```
#f04464 rgb(240,68,100)
```
#f83c5f
```
#f83c5f rgb(248,60,95)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#988b8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#939094 Protanopia 1% of men
#a28c88 Deuteranopia 1% of men
#bd818a Tritanopia 0.001% of the population

Trichromacy

#a1888f Protanomaly 1% of men, 0.01% of women
#ab8687 Deuteranomaly 6% of men, 0.4% of women
#bc7e88 Tritanomaly 0.01% of the population

#ba7a86 hex color

#ba7a86 Color Information

#ba7a86 Color Conversion

Color Schemes with #ba7a86

Alternatives to #ba7a86

#ba7a86 Preview

Shades and Tints of #ba7a86

Tones of #ba7a86

Color Blindness Simulator