#bbb1a8 hex color

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

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

● #bbb1a8 color description : Grayish orange.

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

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

CIE-LAB	72.784, 1.985, 5.868
XYZ	43.282, 44.837, 43.418
xyY	0.329, 0.341, 44.837
CIE-LCH	72.784, 6.194, 71.31
CIE-LUV	72.784, 6.419, 8.138
Hunter-Lab	66.96, -1.8, 8.428
Binary	10111011, 10110001, 10101000

#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#a8b2bb
```
#a8b2bb rgb(168,178,187)
```

Complementary Color

#bba8a9
```
#bba8a9 rgb(187,168,169)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#bbbba8
```
#bbbba8 rgb(187,187,168)
```

Analogous Color

#a8a9bb
```
#a8a9bb rgb(168,169,187)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#a8bbbb
```
#a8bbbb rgb(168,187,187)
```

Split Complementary Color

#b1a8bb
```
#b1a8bb rgb(177,168,187)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#a8bbb1
```
#a8bbb1 rgb(168,187,177)
```

Triadic Color

#bba8b2
```
#bba8b2 rgb(187,168,178)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#a8bbb1
```
#a8bbb1 rgb(168,187,177)
```
#a8b2bb
```
#a8b2bb rgb(168,178,187)
```

Tetradic Color

#998b7d
```
#998b7d rgb(153,139,125)
```
#a5978b
```
#a5978b rgb(165,151,139)
```
#b0a49a
```
#b0a49a rgb(176,164,154)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#c6beb6
```
#c6beb6 rgb(198,190,182)
```
#d1cbc5
```
#d1cbc5 rgb(209,203,197)
```
#ddd7d3
```
#ddd7d3 rgb(221,215,211)
```

Monochromatic Color

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

#bbaca8
```
#bbaca8 rgb(187,172,168)
```
#bbaea8
```
#bbaea8 rgb(187,174,168)
```
#bbafa8
```
#bbafa8 rgb(187,175,168)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#bbb3a8
```
#bbb3a8 rgb(187,179,168)
```
#bbb4a8
```
#bbb4a8 rgb(187,180,168)
```
#bbb6a8
```
#bbb6a8 rgb(187,182,168)
```

Similar Colors

Text with hexadecimal color #bbb1a8

This text has a font color of #bbb1a8.

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

#bbb1a8 background color

This paragraph has a background color of #bbb1a8.

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

#bbb1a8 border color

This element has a border color of #bbb1a8.

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

CSS codes

.text {color:#bbb1a8;}

.background {background-color:#bbb1a8;}

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

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)
```
#171412
```
#171412 rgb(23,20,18)
```
#221e1b
```
#221e1b rgb(34,30,27)
```
#2d2823
```
#2d2823 rgb(45,40,35)
```
#38322c
```
#38322c rgb(56,50,44)
```
#433b34
```
#433b34 rgb(67,59,52)
```
#4e453d
```
#4e453d rgb(78,69,61)
```
#594f46
```
#594f46 rgb(89,79,70)
```
#64594e
```
#64594e rgb(100,89,78)
```
#6f6257
```
#6f6257 rgb(111,98,87)
```
#7a6c60
```
#7a6c60 rgb(122,108,96)
```
#857668
```
#857668 rgb(133,118,104)
```

Shade Color Variation

#908071
```
#908071 rgb(144,128,113)
```
#998a7c
```
#998a7c rgb(153,138,124)
```
#a19387
```
#a19387 rgb(161,147,135)
```
#aa9d92
```
#aa9d92 rgb(170,157,146)
```
#b2a79d
```
#b2a79d rgb(178,167,157)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#c4bbb3
```
#c4bbb3 rgb(196,187,179)
```
#ccc5be
```
#ccc5be rgb(204,197,190)
```
#d5cfc9
```
#d5cfc9 rgb(213,207,201)
```
#ddd8d4
```
#ddd8d4 rgb(221,216,212)
```
#e6e2df
```
#e6e2df rgb(230,226,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, #b5b1ae is the less saturated color, while #fdae66 is the most saturated one.

#b5b1ae
```
#b5b1ae rgb(181,177,174)
```
#bbb1a8
```
#bbb1a8 rgb(187,177,168)
```
#c1b1a2
```
#c1b1a2 rgb(193,177,162)
```
#c7b09c
```
#c7b09c rgb(199,176,156)
```
#cdb096
```
#cdb096 rgb(205,176,150)
```
#d3b090
```
#d3b090 rgb(211,176,144)
```
#d9af8a
```
#d9af8a rgb(217,175,138)
```
#dfaf84
```
#dfaf84 rgb(223,175,132)
```
#e5af7e
```
#e5af7e rgb(229,175,126)
```
#ebae78
```
#ebae78 rgb(235,174,120)
```
#f1ae72
```
#f1ae72 rgb(241,174,114)
```
#f7ae6c
```
#f7ae6c rgb(247,174,108)
```
#fdae66
```
#fdae66 rgb(253,174,102)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b5b3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb5ac Protanopia 1% of men
#cab0ad Deuteranopia 1% of men
#c1b2be Tritanopia 0.001% of the population

Trichromacy

#bbb4ab Protanomaly 1% of men, 0.01% of women
#c5b0ab Deuteranomaly 6% of men, 0.4% of women
#bfb1b6 Tritanomaly 0.01% of the population

#bbb1a8 hex color

#bbb1a8 Color Information

#bbb1a8 Color Conversion

Color Schemes with #bbb1a8

Alternatives to #bbb1a8

#bbb1a8 Preview

Shades and Tints of #bbb1a8

Tones of #bbb1a8

Color Blindness Simulator