#bbb2a8 hex color

In a RGB color space, hex #bbb2a8 is composed of 73.3% red, 69.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.8% magenta, 10.2% yellow and 26.7% black. It has a hue angle of 31.6 degrees, a saturation of 12.3% and a lightness of 69.6%. #bbb2a8 color hex could be obtained by blending #ffffff with #776551. Closest websafe color is: #cc9999.

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

● #bbb2a8 color description : Grayish orange.

The hexadecimal color #bbb2a8 has RGB values of R:187, G:178, B:168 and CMYK values of C:0, M:0.05, Y:0.1, K:0.27. Its decimal value is 12300968.

Hex triplet	bbb2a8	`#bbb2a8`
RGB Decimal	187, 178, 168	`rgb(187,178,168)`
RGB Percent	73.3, 69.8, 65.9	`rgb(73.3%,69.8%,65.9%)`
CMYK	0, 5, 10, 27
HSL	31.6°, 12.3, 69.6	`hsl(31.6,12.3%,69.6%)`
HSV (or HSB)	31.6°, 10.2, 73.3
Web Safe	cc9999	`#cc9999`

CIE-LAB	73.045, 1.447, 6.243
XYZ	43.481, 45.233, 43.484
xyY	0.329, 0.342, 45.233
CIE-LCH	73.045, 6.408, 76.954
CIE-LUV	73.045, 5.88, 8.772
Hunter-Lab	67.256, -2.297, 8.745
Binary	10111011, 10110010, 10101000

#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#a8b1bb
```
#a8b1bb rgb(168,177,187)
```

Complementary Color

#bba9a8
```
#bba9a8 rgb(187,169,168)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#bbbba8
```
#bbbba8 rgb(187,187,168)
```

Analogous Color

#a9a8bb
```
#a9a8bb rgb(169,168,187)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#a8bbbb
```
#a8bbbb rgb(168,187,187)
```

Split Complementary Color

#b2a8bb
```
#b2a8bb rgb(178,168,187)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#a8bbb2
```
#a8bbb2 rgb(168,187,178)
```

Triadic Color

#bba8b1
```
#bba8b1 rgb(187,168,177)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#a8bbb2
```
#a8bbb2 rgb(168,187,178)
```
#a8b1bb
```
#a8b1bb rgb(168,177,187)
```

Tetradic Color

#998c7d
```
#998c7d rgb(153,140,125)
```
#a5998b
```
#a5998b rgb(165,153,139)
```
#b0a59a
```
#b0a59a rgb(176,165,154)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#c6bfb6
```
#c6bfb6 rgb(198,191,182)
```
#d1cbc5
```
#d1cbc5 rgb(209,203,197)
```
#ddd8d3
```
#ddd8d3 rgb(221,216,211)
```

Monochromatic Color

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

#bbada8
```
#bbada8 rgb(187,173,168)
```
#bbafa8
```
#bbafa8 rgb(187,175,168)
```
#bbb0a8
```
#bbb0a8 rgb(187,176,168)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#bbb4a8
```
#bbb4a8 rgb(187,180,168)
```
#bbb5a8
```
#bbb5a8 rgb(187,181,168)
```
#bbb7a8
```
#bbb7a8 rgb(187,183,168)
```

Similar Colors

Text with hexadecimal color #bbb2a8

This text has a font color of #bbb2a8.

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

#bbb2a8 background color

This paragraph has a background color of #bbb2a8.

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

#bbb2a8 border color

This element has a border color of #bbb2a8.

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

CSS codes

.text {color:#bbb2a8;}

.background {background-color:#bbb2a8;}

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

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 #f7f6f5 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0c0b09
```
#0c0b09 rgb(12,11,9)
```
#171512
```
#171512 rgb(23,21,18)
```
#221f1b
```
#221f1b rgb(34,31,27)
```
#2d2823
```
#2d2823 rgb(45,40,35)
```
#38322c
```
#38322c rgb(56,50,44)
```
#433c34
```
#433c34 rgb(67,60,52)
```
#4e463d
```
#4e463d rgb(78,70,61)
```
#595046
```
#595046 rgb(89,80,70)
```
#645a4e
```
#645a4e rgb(100,90,78)
```
#6f6457
```
#6f6457 rgb(111,100,87)
```
#7a6e60
```
#7a6e60 rgb(122,110,96)
```
#857768
```
#857768 rgb(133,119,104)
```

Shade Color Variation

#908171
```
#908171 rgb(144,129,113)
```
#998b7c
```
#998b7c rgb(153,139,124)
```
#a19587
```
#a19587 rgb(161,149,135)
```
#aa9f92
```
#aa9f92 rgb(170,159,146)
```
#b2a89d
```
#b2a89d rgb(178,168,157)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#c4bcb3
```
#c4bcb3 rgb(196,188,179)
```
#ccc5be
```
#ccc5be rgb(204,197,190)
```
#d5cfc9
```
#d5cfc9 rgb(213,207,201)
```
#ddd9d4
```
#ddd9d4 rgb(221,217,212)
```
#e6e3df
```
#e6e3df rgb(230,227,223)
```
#efecea
```
#efecea rgb(239,236,234)
```
#f7f6f5
```
#f7f6f5 rgb(247,246,245)
```

Tint Color Variation

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

#b5b2ae
```
#b5b2ae rgb(181,178,174)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#c1b2a2
```
#c1b2a2 rgb(193,178,162)
```
#c7b39c
```
#c7b39c rgb(199,179,156)
```
#cdb396
```
#cdb396 rgb(205,179,150)
```
#d3b390
```
#d3b390 rgb(211,179,144)
```
#d9b48a
```
#d9b48a rgb(217,180,138)
```
#dfb484
```
#dfb484 rgb(223,180,132)
```
#e5b47e
```
#e5b47e rgb(229,180,126)
```
#ebb578
```
#ebb578 rgb(235,181,120)
```
#f1b572
```
#f1b572 rgb(241,181,114)
```
#f7b56c
```
#f7b56c rgb(247,181,108)
```
#fdb566
```
#fdb566 rgb(253,181,102)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b5b4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb6ac Protanopia 1% of men
#cbb1ad Deuteranopia 1% of men
#c1b3bf Tritanopia 0.001% of the population

Trichromacy

#bcb4ab Protanomaly 1% of men, 0.01% of women
#c5b1ab Deuteranomaly 6% of men, 0.4% of women
#bfb2b7 Tritanomaly 0.01% of the population

#bbb2a8 hex color

#bbb2a8 Color Information

#bbb2a8 Color Conversion

Color Schemes with #bbb2a8

Alternatives to #bbb2a8

#bbb2a8 Preview

Shades and Tints of #bbb2a8

Tones of #bbb2a8

Color Blindness Simulator