#bbb8b4 hex color

In a RGB color space, hex #bbb8b4 is composed of 73.3% red, 72.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 3.7% yellow and 26.7% black. It has a hue angle of 34.3 degrees, a saturation of 4.9% and a lightness of 72%. #bbb8b4 color hex could be obtained by blending #ffffff with #777169. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 72
- B 71
RGB color chart
- C 0
- M 2
- Y 4
- K 27
CMYK color chart

● #bbb8b4 color description : Grayish orange.

The hexadecimal color #bbb8b4 has RGB values of R:187, G:184, B:180 and CMYK values of C:0, M:0.02, Y:0.04, K:0.27. Its decimal value is 12302516.

Hex triplet	bbb8b4	`#bbb8b4`
RGB Decimal	187, 184, 180	`rgb(187,184,180)`
RGB Percent	73.3, 72.2, 70.6	`rgb(73.3%,72.2%,70.6%)`
CMYK	0, 2, 4, 27
HSL	34.3°, 4.9, 72	`hsl(34.3,4.9%,72%)`
HSV (or HSB)	34.3°, 3.7, 73.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	74.914, 0.325, 2.393
XYZ	45.871, 48.141, 50.053
xyY	0.318, 0.334, 48.141
CIE-LCH	74.914, 2.415, 82.261
CIE-LUV	74.914, 1.948, 3.467
Hunter-Lab	69.384, -3.413, 5.797
Binary	10111011, 10111000, 10110100

#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#b4b7bb
```
#b4b7bb rgb(180,183,187)
```

Complementary Color

#bbb5b4
```
#bbb5b4 rgb(187,181,180)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#bbbbb4
```
#bbbbb4 rgb(187,187,180)
```

Analogous Color

#b5b4bb
```
#b5b4bb rgb(181,180,187)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#b4bbbb
```
#b4bbbb rgb(180,187,187)
```

Split Complementary Color

#b8b4bb
```
#b8b4bb rgb(184,180,187)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#b4bbb8
```
#b4bbb8 rgb(180,187,184)
```

Triadic Color

#bbb4b7
```
#bbb4b7 rgb(187,180,183)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#b4bbb8
```
#b4bbb8 rgb(180,187,184)
```
#b4b7bb
```
#b4b7bb rgb(180,183,187)
```

Tetradic Color

#97928c
```
#97928c rgb(151,146,140)
```
#a39f99
```
#a39f99 rgb(163,159,153)
```
#afaba7
```
#afaba7 rgb(175,171,167)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#c7c5c1
```
#c7c5c1 rgb(199,197,193)
```
#d3d1cf
```
#d3d1cf rgb(211,209,207)
```
#dfdedc
```
#dfdedc rgb(223,222,220)
```

Monochromatic Color

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

#bbb6b4
```
#bbb6b4 rgb(187,182,180)
```
#bbb7b4
```
#bbb7b4 rgb(187,183,180)
```
#bbb7b4
```
#bbb7b4 rgb(187,183,180)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#bbb9b4
```
#bbb9b4 rgb(187,185,180)
```
#bbb9b4
```
#bbb9b4 rgb(187,185,180)
```
#bbbab4
```
#bbbab4 rgb(187,186,180)
```

Similar Colors

Text with hexadecimal color #bbb8b4

This text has a font color of #bbb8b4.

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

#bbb8b4 background color

This paragraph has a background color of #bbb8b4.

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

#bbb8b4 border color

This element has a border color of #bbb8b4.

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

CSS codes

.text {color:#bbb8b4;}

.background {background-color:#bbb8b4;}

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

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

#070707
```
#070707 rgb(7,7,7)
```
#121110
```
#121110 rgb(18,17,16)
```
#1c1b19
```
#1c1b19 rgb(28,27,25)
```
#262523
```
#262523 rgb(38,37,35)
```
#302f2c
```
#302f2c rgb(48,47,44)
```
#3b3835
```
#3b3835 rgb(59,56,53)
```
#45423f
```
#45423f rgb(69,66,63)
```
#4f4c48
```
#4f4c48 rgb(79,76,72)
```
#5a5651
```
#5a5651 rgb(90,86,81)
```
#64605b
```
#64605b rgb(100,96,91)
```
#6e6a64
```
#6e6a64 rgb(110,106,100)
```
#78746d
```
#78746d rgb(120,116,109)
```
#837e77
```
#837e77 rgb(131,126,119)
```

Shade Color Variation

#8c8781
```
#8c8781 rgb(140,135,129)
```
#96918b
```
#96918b rgb(150,145,139)
```
#9f9b95
```
#9f9b95 rgb(159,155,149)
```
#a8a59f
```
#a8a59f rgb(168,165,159)
```
#b2aeaa
```
#b2aeaa rgb(178,174,170)
```
#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#c4c2be
```
#c4c2be rgb(196,194,190)
```
#cecbc9
```
#cecbc9 rgb(206,203,201)
```
#d7d5d3
```
#d7d5d3 rgb(215,213,211)
```
#e0dfdd
```
#e0dfdd rgb(224,223,221)
```
#eae9e7
```
#eae9e7 rgb(234,233,231)
```
#f3f2f2
```
#f3f2f2 rgb(243,242,242)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#bbb8b4
```
#bbb8b4 rgb(187,184,180)
```
#c1b9af
```
#c1b9af rgb(193,185,175)
```
#c6baa9
```
#c6baa9 rgb(198,186,169)
```
#ccbaa4
```
#ccbaa4 rgb(204,186,164)
```
#d1bb9e
```
#d1bb9e rgb(209,187,158)
```
#d7bc99
```
#d7bc99 rgb(215,188,153)
```
#dcbd93
```
#dcbd93 rgb(220,189,147)
```
#e2be8e
```
#e2be8e rgb(226,190,142)
```
#e7be88
```
#e7be88 rgb(231,190,136)
```
#edbf83
```
#edbf83 rgb(237,191,131)
```
#f2c07d
```
#f2c07d rgb(242,192,125)
```
#f8c178
```
#f8c178 rgb(248,193,120)
```
#fdc172
```
#fdc172 rgb(253,193,114)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b9b8b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bbb7 Protanopia 1% of men
#ceb6b9 Deuteranopia 1% of men
#c1b9c6 Tritanopia 0.001% of the population

Trichromacy

#bebab6 Protanomaly 1% of men, 0.01% of women
#c7b6b7 Deuteranomaly 6% of men, 0.4% of women
#beb8bf Tritanomaly 0.01% of the population

#bbb8b4 hex color

#bbb8b4 Color Information

#bbb8b4 Color Conversion

Color Schemes with #bbb8b4

Alternatives to #bbb8b4

#bbb8b4 Preview

Shades and Tints of #bbb8b4

Tones of #bbb8b4

Color Blindness Simulator