#bba3a2 hex color

In a RGB color space, hex #bba3a2 is composed of 73.3% red, 63.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 13.4% yellow and 26.7% black. It has a hue angle of 2.4 degrees, a saturation of 15.5% and a lightness of 68.4%. #bba3a2 color hex could be obtained by blending #ffffff with #774745. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 73
- G 64
- B 64
RGB color chart
- C 0
- M 13
- Y 13
- K 27
CMYK color chart

● #bba3a2 color description : Grayish red.

The hexadecimal color #bba3a2 has RGB values of R:187, G:163, B:162 and CMYK values of C:0, M:0.13, Y:0.13, K:0.27. Its decimal value is 12297122.

Hex triplet	bba3a2	`#bba3a2`
RGB Decimal	187, 163, 162	`rgb(187,163,162)`
RGB Percent	73.3, 63.9, 63.5	`rgb(73.3%,63.9%,63.5%)`
CMYK	0, 13, 13, 27
HSL	2.4°, 15.5, 68.4	`hsl(2.4,15.5%,68.4%)`
HSV (or HSB)	2.4°, 13.4, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.017, 8.588, 3.741
XYZ	40.111, 39.369, 39.666
xyY	0.337, 0.33, 39.369
CIE-LCH	69.017, 9.367, 23.541
CIE-LUV	69.017, 14.527, 3.871
Hunter-Lab	62.744, 4.309, 6.439
Binary	10111011, 10100011, 10100010

#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#a2babb
```
#a2babb rgb(162,186,187)
```

Complementary Color

#bba2ae
```
#bba2ae rgb(187,162,174)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#bbb0a2
```
#bbb0a2 rgb(187,176,162)
```

Analogous Color

#a2aebb
```
#a2aebb rgb(162,174,187)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#a2bbb0
```
#a2bbb0 rgb(162,187,176)
```

Split Complementary Color

#a3a2bb
```
#a3a2bb rgb(163,162,187)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#a2bba3
```
#a2bba3 rgb(162,187,163)
```

Triadic Color

#bba2ba
```
#bba2ba rgb(187,162,186)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#a2bba3
```
#a2bba3 rgb(162,187,163)
```
#a2babb
```
#a2babb rgb(162,186,187)
```

Tetradic Color

#9b7776
```
#9b7776 rgb(155,119,118)
```
#a58685
```
#a58685 rgb(165,134,133)
```
#b09493
```
#b09493 rgb(176,148,147)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#c6b2b1
```
#c6b2b1 rgb(198,178,177)
```
#d1c0bf
```
#d1c0bf rgb(209,192,191)
```
#dbcfce
```
#dbcfce rgb(219,207,206)
```

Monochromatic Color

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

#bba2a7
```
#bba2a7 rgb(187,162,167)
```
#bba2a5
```
#bba2a5 rgb(187,162,165)
```
#bba2a3
```
#bba2a3 rgb(187,162,163)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#bba5a2
```
#bba5a2 rgb(187,165,162)
```
#bba7a2
```
#bba7a2 rgb(187,167,162)
```
#bba9a2
```
#bba9a2 rgb(187,169,162)
```

Similar Colors

Text with hexadecimal color #bba3a2

This text has a font color of #bba3a2.

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

#bba3a2 background color

This paragraph has a background color of #bba3a2.

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

#bba3a2 border color

This element has a border color of #bba3a2.

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

CSS codes

.text {color:#bba3a2;}

.background {background-color:#bba3a2;}

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

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

#090707
```
#090707 rgb(9,7,7)
```
#140f0f
```
#140f0f rgb(20,15,15)
```
#201717
```
#201717 rgb(32,23,23)
```
#2b201f
```
#2b201f rgb(43,32,31)
```
#362828
```
#362828 rgb(54,40,40)
```
#423130
```
#423130 rgb(66,49,48)
```
#4d3938
```
#4d3938 rgb(77,57,56)
```
#584241
```
#584241 rgb(88,66,65)
```
#644a49
```
#644a49 rgb(100,74,73)
```
#6f5251
```
#6f5251 rgb(111,82,81)
```
#7a5b59
```
#7a5b59 rgb(122,91,89)
```
#866362
```
#866362 rgb(134,99,98)
```
#916c6a
```
#916c6a rgb(145,108,106)
```

Shade Color Variation

#9a7675
```
#9a7675 rgb(154,118,117)
```
#a28180
```
#a28180 rgb(162,129,128)
```
#aa8d8b
```
#aa8d8b rgb(170,141,139)
```
#b39897
```
#b39897 rgb(179,152,151)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#c3aead
```
#c3aead rgb(195,174,173)
```
#ccb9b9
```
#ccb9b9 rgb(204,185,185)
```
#d4c5c4
```
#d4c5c4 rgb(212,197,196)
```
#dcd0cf
```
#dcd0cf rgb(220,208,207)
```
#e4dbdb
```
#e4dbdb rgb(228,219,219)
```
#ede6e6
```
#ede6e6 rgb(237,230,230)
```
#f5f1f1
```
#f5f1f1 rgb(245,241,241)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#afaeae
```
#afaeae rgb(175,174,174)
```
#b5a9a8
```
#b5a9a8 rgb(181,169,168)
```
#bba3a2
```
#bba3a2 rgb(187,163,162)
```
#c19d9c
```
#c19d9c rgb(193,157,156)
```
#c79896
```
#c79896 rgb(199,152,150)
```
#ce928f
```
#ce928f rgb(206,146,143)
```
#d48c89
```
#d48c89 rgb(212,140,137)
```
#da8783
```
#da8783 rgb(218,135,131)
```
#e0817d
```
#e0817d rgb(224,129,125)
```
#e67b77
```
#e67b77 rgb(230,123,119)
```
#ed7570
```
#ed7570 rgb(237,117,112)
```
#f3706a
```
#f3706a rgb(243,112,106)
```
#f96a64
```
#f96a64 rgb(249,106,100)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#ada9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0aca9 Protanopia 1% of men
#bfa7a6 Deuteranopia 1% of men
#c0a6b1 Tritanopia 0.001% of the population

Trichromacy

#b4a8a6 Protanomaly 1% of men, 0.01% of women
#bda5a5 Deuteranomaly 6% of men, 0.4% of women
#bea4ac Tritanomaly 0.01% of the population

#bba3a2 hex color

#bba3a2 Color Information

#bba3a2 Color Conversion

Color Schemes with #bba3a2

Alternatives to #bba3a2

#bba3a2 Preview

Shades and Tints of #bba3a2

Tones of #bba3a2

Color Blindness Simulator