#ba8286 hex color

In a RGB color space, hex #ba8286 is composed of 72.9% red, 51% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.1% magenta, 28% yellow and 27.1% black. It has a hue angle of 355.7 degrees, a saturation of 28.9% and a lightness of 62%. #ba8286 color hex could be obtained by blending #ffffff with #75050d. Closest websafe color is: #cc9999.

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

● #ba8286 color description : Slightly desaturated red.

The hexadecimal color #ba8286 has RGB values of R:186, G:130, B:134 and CMYK values of C:0, M:0.3, Y:0.28, K:0.27. Its decimal value is 12223110.

Hex triplet	ba8286	`#ba8286`
RGB Decimal	186, 130, 134	`rgb(186,130,134)`
RGB Percent	72.9, 51, 52.5	`rgb(72.9%,51%,52.5%)`
CMYK	0, 30, 28, 27
HSL	355.7°, 28.9, 62	`hsl(355.7,28.9%,62%)`
HSV (or HSB)	355.7°, 30.1, 72.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	60.003, 22.163, 6.535
XYZ	32.535, 28.127, 26.268
xyY	0.374, 0.324, 28.127
CIE-LCH	60.003, 23.107, 16.429
CIE-LUV	60.003, 36.049, 4.981
Hunter-Lab	53.035, 16.693, 7.758
Binary	10111010, 10000010, 10000110

#ba8286
```
#ba8286 rgb(186,130,134)
```
#82bab6
```
#82bab6 rgb(130,186,182)
```

Complementary Color

#ba82a2
```
#ba82a2 rgb(186,130,162)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#ba9a82
```
#ba9a82 rgb(186,154,130)
```

Analogous Color

#82a2ba
```
#82a2ba rgb(130,162,186)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#82ba9a
```
#82ba9a rgb(130,186,154)
```

Split Complementary Color

#8286ba
```
#8286ba rgb(130,134,186)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#86ba82
```
#86ba82 rgb(134,186,130)
```

Triadic Color

#b682ba
```
#b682ba rgb(182,130,186)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#86ba82
```
#86ba82 rgb(134,186,130)
```
#82bab6
```
#82bab6 rgb(130,186,182)
```

Tetradic Color

#9a555a
```
#9a555a rgb(154,85,90)
```
#a86166
```
#a86166 rgb(168,97,102)
```
#b17276
```
#b17276 rgb(177,114,118)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#c39296
```
#c39296 rgb(195,146,150)
```
#cca3a6
```
#cca3a6 rgb(204,163,166)
```
#d5b3b6
```
#d5b3b6 rgb(213,179,182)
```

Monochromatic Color

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

#ba8294
```
#ba8294 rgb(186,130,148)
```
#ba828f
```
#ba828f rgb(186,130,143)
```
#ba828b
```
#ba828b rgb(186,130,139)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#ba8382
```
#ba8382 rgb(186,131,130)
```
#ba8782
```
#ba8782 rgb(186,135,130)
```
#ba8c82
```
#ba8c82 rgb(186,140,130)
```

Similar Colors

Text with hexadecimal color #ba8286

This text has a font color of #ba8286.

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

#ba8286 background color

This paragraph has a background color of #ba8286.

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

#ba8286 border color

This element has a border color of #ba8286.

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

CSS codes

.text {color:#ba8286;}

.background {background-color:#ba8286;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0808
```
#0e0808 rgb(14,8,8)
```
#1b0f10
```
#1b0f10 rgb(27,15,16)
```
#271617
```
#271617 rgb(39,22,23)
```
#341d1e
```
#341d1e rgb(52,29,30)
```
#412426
```
#412426 rgb(65,36,38)
```
#4d2b2d
```
#4d2b2d rgb(77,43,45)
```
#5a3234
```
#5a3234 rgb(90,50,52)
```
#66393c
```
#66393c rgb(102,57,60)
```
#734043
```
#734043 rgb(115,64,67)
```
#80474b
```
#80474b rgb(128,71,75)
```
#8c4e52
```
#8c4e52 rgb(140,78,82)
```
#995459
```
#995459 rgb(153,84,89)
```

Shade Color Variation

#a55c61
```
#a55c61 rgb(165,92,97)
```
#ac696e
```
#ac696e rgb(172,105,110)
```
#b3757a
```
#b3757a rgb(179,117,122)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#c18f92
```
#c18f92 rgb(193,143,146)
```
#c89b9e
```
#c89b9e rgb(200,155,158)
```
#cfa8ab
```
#cfa8ab rgb(207,168,171)
```
#d6b5b7
```
#d6b5b7 rgb(214,181,183)
```
#ddc1c3
```
#ddc1c3 rgb(221,193,195)
```
#e4cecf
```
#e4cecf rgb(228,206,207)
```
#ebdadc
```
#ebdadc rgb(235,218,220)
```
#f2e7e8
```
#f2e7e8 rgb(242,231,232)
```
#f9f4f4
```
#f9f4f4 rgb(249,244,244)
```

Tint Color Variation

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

#a49899
```
#a49899 rgb(164,152,153)
```
#ab9193
```
#ab9193 rgb(171,145,147)
```
#b3898c
```
#b3898c rgb(179,137,140)
```
#ba8286
```
#ba8286 rgb(186,130,134)
```
#c17b80
```
#c17b80 rgb(193,123,128)
```
#c97379
```
#c97379 rgb(201,115,121)
```
#d06c73
```
#d06c73 rgb(208,108,115)
```
#d8646c
```
#d8646c rgb(216,100,108)
```
#df5d66
```
#df5d66 rgb(223,93,102)
```
#e75560
```
#e75560 rgb(231,85,96)
```
#ee4e59
```
#ee4e59 rgb(238,78,89)
```
#f64653
```
#f64653 rgb(246,70,83)
```
#fd3f4c
```
#fd3f4c rgb(253,63,76)
```

Tone Color Variation

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

Dichromacy

#999592 Protanopia 1% of men
#a89189 Deuteranopia 1% of men
#be8791 Tritanopia 0.001% of the population

Trichromacy

#a58e8e Protanomaly 1% of men, 0.01% of women
#af8b88 Deuteranomaly 6% of men, 0.4% of women
#bc858d Tritanomaly 0.01% of the population

#ba8286 hex color

#ba8286 Color Information

#ba8286 Color Conversion

Color Schemes with #ba8286

Alternatives to #ba8286

#ba8286 Preview

Shades and Tints of #ba8286

Tones of #ba8286

Color Blindness Simulator