#ba877d hex color

In a RGB color space, hex #ba877d is composed of 72.9% red, 52.9% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 32.8% yellow and 27.1% black. It has a hue angle of 9.8 degrees, a saturation of 30.7% and a lightness of 61%. #ba877d color hex could be obtained by blending #fffffa with #750f00. Closest websafe color is: #cc9966.

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

● #ba877d color description : Slightly desaturated red.

The hexadecimal color #ba877d has RGB values of R:186, G:135, B:125 and CMYK values of C:0, M:0.27, Y:0.33, K:0.27. Its decimal value is 12224381.

Hex triplet	ba877d	`#ba877d`
RGB Decimal	186, 135, 125	`rgb(186,135,125)`
RGB Percent	72.9, 52.9, 49	`rgb(72.9%,52.9%,49%)`
CMYK	0, 27, 33, 27
HSL	9.8°, 30.7, 61	`hsl(9.8,30.7%,61%)`
HSV (or HSB)	9.8°, 32.8, 72.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	61.001, 18.15, 13.084
XYZ	32.615, 29.249, 23.329
xyY	0.383, 0.343, 29.249
CIE-LCH	61.001, 22.375, 35.787
CIE-LUV	61.001, 34.224, 14.23
Hunter-Lab	54.082, 13.003, 12.283
Binary	10111010, 10000111, 01111101

#ba877d
```
#ba877d rgb(186,135,125)
```
#7db0ba
```
#7db0ba rgb(125,176,186)
```

Complementary Color

#ba7d92
```
#ba7d92 rgb(186,125,146)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#baa67d
```
#baa67d rgb(186,166,125)
```

Analogous Color

#7d92ba
```
#7d92ba rgb(125,146,186)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#7dbaa6
```
#7dbaa6 rgb(125,186,166)
```

Split Complementary Color

#877dba
```
#877dba rgb(135,125,186)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#7dba87
```
#7dba87 rgb(125,186,135)
```

Triadic Color

#ba7db0
```
#ba7db0 rgb(186,125,176)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#7dba87
```
#7dba87 rgb(125,186,135)
```
#7db0ba
```
#7db0ba rgb(125,176,186)
```

Tetradic Color

#995d51
```
#995d51 rgb(153,93,81)
```
#a8685c
```
#a8685c rgb(168,104,92)
```
#b1786c
```
#b1786c rgb(177,120,108)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#c3968e
```
#c3968e rgb(195,150,142)
```
#cca69e
```
#cca69e rgb(204,166,158)
```
#d5b5af
```
#d5b5af rgb(213,181,175)
```

Monochromatic Color

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

#ba7d82
```
#ba7d82 rgb(186,125,130)
```
#ba7d7d
```
#ba7d7d rgb(186,125,125)
```
#ba827d
```
#ba827d rgb(186,130,125)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#ba8c7d
```
#ba8c7d rgb(186,140,125)
```
#ba917d
```
#ba917d rgb(186,145,125)
```
#ba967d
```
#ba967d rgb(186,150,125)
```

Similar Colors

Text with hexadecimal color #ba877d

This text has a font color of #ba877d.

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

#ba877d background color

This paragraph has a background color of #ba877d.

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

#ba877d border color

This element has a border color of #ba877d.

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

CSS codes

.text {color:#ba877d;}

.background {background-color:#ba877d;}

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

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

#0b0706
```
#0b0706 rgb(11,7,6)
```
#180e0d
```
#180e0d rgb(24,14,13)
```
#251613
```
#251613 rgb(37,22,19)
```
#311e1a
```
#311e1a rgb(49,30,26)
```
#3e2621
```
#3e2621 rgb(62,38,33)
```
#4b2e28
```
#4b2e28 rgb(75,46,40)
```
#58352f
```
#58352f rgb(88,53,47)
```
#653d35
```
#653d35 rgb(101,61,53)
```
#71453c
```
#71453c rgb(113,69,60)
```
#7e4d43
```
#7e4d43 rgb(126,77,67)
```
#8b554a
```
#8b554a rgb(139,85,74)
```
#985c51
```
#985c51 rgb(152,92,81)
```
#a56457
```
#a56457 rgb(165,100,87)
```

Shade Color Variation

#ac6f63
```
#ac6f63 rgb(172,111,99)
```
#b37b70
```
#b37b70 rgb(179,123,112)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#c1938a
```
#c1938a rgb(193,147,138)
```
#c89f97
```
#c89f97 rgb(200,159,151)
```
#ceaaa3
```
#ceaaa3 rgb(206,170,163)
```
#d5b6b0
```
#d5b6b0 rgb(213,182,176)
```
#dcc2bd
```
#dcc2bd rgb(220,194,189)
```
#e3ceca
```
#e3ceca rgb(227,206,202)
```
#eadad7
```
#eadad7 rgb(234,218,215)
```
#f0e6e4
```
#f0e6e4 rgb(240,230,228)
```
#f7f1f0
```
#f7f1f0 rgb(247,241,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a39694
```
#a39694 rgb(163,150,148)
```
#ab918c
```
#ab918c rgb(171,145,140)
```
#b28c85
```
#b28c85 rgb(178,140,133)
```
#ba877d
```
#ba877d rgb(186,135,125)
```
#c28275
```
#c28275 rgb(194,130,117)
```
#c97d6e
```
#c97d6e rgb(201,125,110)
```
#d17866
```
#d17866 rgb(209,120,102)
```
#d9725e
```
#d9725e rgb(217,114,94)
```
#e06d57
```
#e06d57 rgb(224,109,87)
```
#e8684f
```
#e8684f rgb(232,104,79)
```
#f06347
```
#f06347 rgb(240,99,71)
```
#f75e40
```
#f75e40 rgb(247,94,64)
```
#ff5938
```
#ff5938 rgb(255,89,56)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9c9290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9888 Protanopia 1% of men
#af9382 Deuteranopia 1% of men
#bf8a94 Tritanopia 0.001% of the population

Trichromacy

#a89284 Protanomaly 1% of men, 0.01% of women
#b38e80 Deuteranomaly 6% of men, 0.4% of women
#bd898b Tritanomaly 0.01% of the population

#ba877d hex color

#ba877d Color Information

#ba877d Color Conversion

Color Schemes with #ba877d

Alternatives to #ba877d

#ba877d Preview

Shades and Tints of #ba877d

Tones of #ba877d

Color Blindness Simulator