#bba8a0 hex color

In a RGB color space, hex #bba8a0 is composed of 73.3% red, 65.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.2% magenta, 14.4% yellow and 26.7% black. It has a hue angle of 17.8 degrees, a saturation of 16.6% and a lightness of 68%. #bba8a0 color hex could be obtained by blending #ffffff with #775141. Closest websafe color is: #cc9999.

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

● #bba8a0 color description : Grayish orange.

The hexadecimal color #bba8a0 has RGB values of R:187, G:168, B:160 and CMYK values of C:0, M:0.1, Y:0.14, K:0.27. Its decimal value is 12298400.

Hex triplet	bba8a0	`#bba8a0`
RGB Decimal	187, 168, 160	`rgb(187,168,160)`
RGB Percent	73.3, 65.9, 62.7	`rgb(73.3%,65.9%,62.7%)`
CMYK	0, 10, 14, 27
HSL	17.8°, 16.6, 68	`hsl(17.8,16.6%,68%)`
HSV (or HSB)	17.8°, 14.4, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.252, 5.524, 6.627
XYZ	40.84, 41.109, 39.039
xyY	0.338, 0.34, 41.109
CIE-LCH	70.252, 8.628, 50.185
CIE-LUV	70.252, 11.928, 8.502
Hunter-Lab	64.116, 1.497, 8.781
Binary	10111011, 10101000, 10100000

#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#a0b3bb
```
#a0b3bb rgb(160,179,187)
```

Complementary Color

#bba0a6
```
#bba0a6 rgb(187,160,166)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#bbb6a0
```
#bbb6a0 rgb(187,182,160)
```

Analogous Color

#a0a6bb
```
#a0a6bb rgb(160,166,187)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#a0bbb6
```
#a0bbb6 rgb(160,187,182)
```

Split Complementary Color

#a8a0bb
```
#a8a0bb rgb(168,160,187)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#a0bba8
```
#a0bba8 rgb(160,187,168)
```

Triadic Color

#bba0b3
```
#bba0b3 rgb(187,160,179)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#a0bba8
```
#a0bba8 rgb(160,187,168)
```
#a0b3bb
```
#a0b3bb rgb(160,179,187)
```

Tetradic Color

#9b7f73
```
#9b7f73 rgb(155,127,115)
```
#a68d82
```
#a68d82 rgb(166,141,130)
```
#b09a91
```
#b09a91 rgb(176,154,145)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#c6b6af
```
#c6b6af rgb(198,182,175)
```
#d0c3be
```
#d0c3be rgb(208,195,190)
```
#dbd1cd
```
#dbd1cd rgb(219,209,205)
```

Monochromatic Color

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

#bba1a0
```
#bba1a0 rgb(187,161,160)
```
#bba4a0
```
#bba4a0 rgb(187,164,160)
```
#bba6a0
```
#bba6a0 rgb(187,166,160)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#bbaaa0
```
#bbaaa0 rgb(187,170,160)
```
#bbada0
```
#bbada0 rgb(187,173,160)
```
#bbafa0
```
#bbafa0 rgb(187,175,160)
```

Similar Colors

Text with hexadecimal color #bba8a0

This text has a font color of #bba8a0.

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

#bba8a0 background color

This paragraph has a background color of #bba8a0.

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

#bba8a0 border color

This element has a border color of #bba8a0.

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

CSS codes

.text {color:#bba8a0;}

.background {background-color:#bba8a0;}

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

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

#080606
```
#080606 rgb(8,6,6)
```
#130f0e
```
#130f0e rgb(19,15,14)
```
#1f1916
```
#1f1916 rgb(31,25,22)
```
#2a221e
```
#2a221e rgb(42,34,30)
```
#362b26
```
#362b26 rgb(54,43,38)
```
#41342f
```
#41342f rgb(65,52,47)
```
#4c3d37
```
#4c3d37 rgb(76,61,55)
```
#58463f
```
#58463f rgb(88,70,63)
```
#634f47
```
#634f47 rgb(99,79,71)
```
#6f594f
```
#6f594f rgb(111,89,79)
```
#7a6257
```
#7a6257 rgb(122,98,87)
```
#866b60
```
#866b60 rgb(134,107,96)
```
#917468
```
#917468 rgb(145,116,104)
```

Shade Color Variation

#9a7e72
```
#9a7e72 rgb(154,126,114)
```
#a2897e
```
#a2897e rgb(162,137,126)
```
#ab9389
```
#ab9389 rgb(171,147,137)
```
#b39e95
```
#b39e95 rgb(179,158,149)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#c3b2ab
```
#c3b2ab rgb(195,178,171)
```
#cbbdb7
```
#cbbdb7 rgb(203,189,183)
```
#d4c7c2
```
#d4c7c2 rgb(212,199,194)
```
#dcd2ce
```
#dcd2ce rgb(220,210,206)
```
#e4dcd9
```
#e4dcd9 rgb(228,220,217)
```
#ece7e5
```
#ece7e5 rgb(236,231,229)
```
#f4f1f0
```
#f4f1f0 rgb(244,241,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#aeadad
```
#aeadad rgb(174,173,173)
```
#b5aba6
```
#b5aba6 rgb(181,171,166)
```
#bba8a0
```
#bba8a0 rgb(187,168,160)
```
#c1a59a
```
#c1a59a rgb(193,165,154)
```
#c8a393
```
#c8a393 rgb(200,163,147)
```
#cea08d
```
#cea08d rgb(206,160,141)
```
#d49e87
```
#d49e87 rgb(212,158,135)
```
#da9b81
```
#da9b81 rgb(218,155,129)
```
#e1997a
```
#e1997a rgb(225,153,122)
```
#e79674
```
#e79674 rgb(231,150,116)
```
#ed946e
```
#ed946e rgb(237,148,110)
```
#f39168
```
#f39168 rgb(243,145,104)
```
#fa8e61
```
#fa8e61 rgb(250,142,97)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b0acaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5afa6 Protanopia 1% of men
#c4aaa5 Deuteranopia 1% of men
#c1a9b5 Tritanopia 0.001% of the population

Trichromacy

#b7aca4 Protanomaly 1% of men, 0.01% of women
#c0a9a3 Deuteranomaly 6% of men, 0.4% of women
#bea9ad Tritanomaly 0.01% of the population

#bba8a0 hex color

#bba8a0 Color Information

#bba8a0 Color Conversion

Color Schemes with #bba8a0

Alternatives to #bba8a0

#bba8a0 Preview

Shades and Tints of #bba8a0

Tones of #bba8a0

Color Blindness Simulator