#ba718a hex color

In a RGB color space, hex #ba718a is composed of 72.9% red, 44.3% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 25.8% yellow and 27.1% black. It has a hue angle of 339.5 degrees, a saturation of 34.6% and a lightness of 58.6%. #ba718a color hex could be obtained by blending #ffe2ff with #750015. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 73
- G 44
- B 54
RGB color chart
- C 0
- M 39
- Y 26
- K 27
CMYK color chart

● #ba718a color description : Slightly desaturated pink.

The hexadecimal color #ba718a has RGB values of R:186, G:113, B:138 and CMYK values of C:0, M:0.39, Y:0.26, K:0.27. Its decimal value is 12218762.

Hex triplet	ba718a	`#ba718a`
RGB Decimal	186, 113, 138	`rgb(186,113,138)`
RGB Percent	72.9, 44.3, 54.1	`rgb(72.9%,44.3%,54.1%)`
CMYK	0, 39, 26, 27
HSL	339.5°, 34.6, 58.6	`hsl(339.5,34.6%,58.6%)`
HSV (or HSB)	339.5°, 39.2, 72.9
Web Safe	cc6699	`#cc6699`

CIE-LAB	56.174, 32.123, -1.327
XYZ	30.742, 24.086, 27.073
xyY	0.375, 0.294, 24.086
CIE-LCH	56.174, 32.15, 357.635
CIE-LUV	56.174, 45.274, -7.51
Hunter-Lab	49.078, 25.927, 1.647
Binary	10111010, 01110001, 10001010

#ba718a
```
#ba718a rgb(186,113,138)
```
#71baa1
```
#71baa1 rgb(113,186,161)
```

Complementary Color

#ba71af
```
#ba71af rgb(186,113,175)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#ba7d71
```
#ba7d71 rgb(186,125,113)
```

Analogous Color

#71afba
```
#71afba rgb(113,175,186)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#71ba7d
```
#71ba7d rgb(113,186,125)
```

Split Complementary Color

#718aba
```
#718aba rgb(113,138,186)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#8aba71
```
#8aba71 rgb(138,186,113)
```

Triadic Color

#a171ba
```
#a171ba rgb(161,113,186)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#8aba71
```
#8aba71 rgb(138,186,113)
```
#71baa1
```
#71baa1 rgb(113,186,161)
```

Tetradic Color

#964963
```
#964963 rgb(150,73,99)
```
#a7516e
```
#a7516e rgb(167,81,110)
```
#b2607c
```
#b2607c rgb(178,96,124)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#c28298
```
#c28298 rgb(194,130,152)
```
#cb93a6
```
#cb93a6 rgb(203,147,166)
```
#d3a4b4
```
#d3a4b4 rgb(211,164,180)
```

Monochromatic Color

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

#ba719c
```
#ba719c rgb(186,113,156)
```
#ba7196
```
#ba7196 rgb(186,113,150)
```
#ba7190
```
#ba7190 rgb(186,113,144)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#ba7184
```
#ba7184 rgb(186,113,132)
```
#ba717e
```
#ba717e rgb(186,113,126)
```
#ba7178
```
#ba7178 rgb(186,113,120)
```

Similar Colors

Text with hexadecimal color #ba718a

This text has a font color of #ba718a.

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

#ba718a background color

This paragraph has a background color of #ba718a.

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

#ba718a border color

This element has a border color of #ba718a.

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

CSS codes

.text {color:#ba718a;}

.background {background-color:#ba718a;}

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

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

#030202
```
#030202 rgb(3,2,2)
```
#10080b
```
#10080b rgb(16,8,11)
```
#1e0e14
```
#1e0e14 rgb(30,14,20)
```
#2b151c
```
#2b151c rgb(43,21,28)
```
#381b25
```
#381b25 rgb(56,27,37)
```
#45222e
```
#45222e rgb(69,34,46)
```
#522837
```
#522837 rgb(82,40,55)
```
#602e3f
```
#602e3f rgb(96,46,63)
```
#6d3548
```
#6d3548 rgb(109,53,72)
```
#7a3b51
```
#7a3b51 rgb(122,59,81)
```
#87425a
```
#87425a rgb(135,66,90)
```
#944862
```
#944862 rgb(148,72,98)
```
#a24f6b
```
#a24f6b rgb(162,79,107)
```

Shade Color Variation

#ad5774
```
#ad5774 rgb(173,87,116)
```
#b4647f
```
#b4647f rgb(180,100,127)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#c07e95
```
#c07e95 rgb(192,126,149)
```
#c78ba0
```
#c78ba0 rgb(199,139,160)
```
#cd99ab
```
#cd99ab rgb(205,153,171)
```
#d4a6b6
```
#d4a6b6 rgb(212,166,182)
```
#dab3c0
```
#dab3c0 rgb(218,179,192)
```
#e0c0cb
```
#e0c0cb rgb(224,192,203)
```
#e7cdd6
```
#e7cdd6 rgb(231,205,214)
```
#eddbe1
```
#eddbe1 rgb(237,219,225)
```
#f4e8ec
```
#f4e8ec rgb(244,232,236)
```
#faf5f7
```
#faf5f7 rgb(250,245,247)
```

Tint Color Variation

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

#9a9194
```
#9a9194 rgb(154,145,148)
```
#a28992
```
#a28992 rgb(162,137,146)
```
#aa818f
```
#aa818f rgb(170,129,143)
```
#b2798d
```
#b2798d rgb(178,121,141)
```
#ba718a
```
#ba718a rgb(186,113,138)
```
#c26987
```
#c26987 rgb(194,105,135)
```
#ca6185
```
#ca6185 rgb(202,97,133)
```
#d25982
```
#d25982 rgb(210,89,130)
```
#da5180
```
#da5180 rgb(218,81,128)
```
#e3487d
```
#e3487d rgb(227,72,125)
```
#eb407b
```
#eb407b rgb(235,64,123)
```
#f33878
```
#f33878 rgb(243,56,120)
```
#fb3076
```
#fb3076 rgb(251,48,118)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#94858a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8b9a Protanopia 1% of men
#9a888b Deuteranopia 1% of men
#bc7a83 Tritanopia 0.001% of the population

Trichromacy

#9c8294 Protanomaly 1% of men, 0.01% of women
#a5808b Deuteranomaly 6% of men, 0.4% of women
#bb7785 Tritanomaly 0.01% of the population

#ba718a hex color

#ba718a Color Information

#ba718a Color Conversion

Color Schemes with #ba718a

Alternatives to #ba718a

#ba718a Preview

Shades and Tints of #ba718a

Tones of #ba718a

Color Blindness Simulator