#bb8866 hex color

In a RGB color space, hex #bb8866 is composed of 73.3% red, 53.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.3% magenta, 45.5% yellow and 26.7% black. It has a hue angle of 24 degrees, a saturation of 38.5% and a lightness of 56.7%. #bb8866 color hex could be obtained by blending #ffffcc with #771100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 53
- B 40
RGB color chart
- C 0
- M 27
- Y 45
- K 27
CMYK color chart

● #bb8866 color description : Slightly desaturated orange.

The hexadecimal color #bb8866 has RGB values of R:187, G:136, B:102 and CMYK values of C:0, M:0.27, Y:0.45, K:0.27. Its decimal value is 12290150.

Hex triplet	bb8866	`#bb8866`
RGB Decimal	187, 136, 102	`rgb(187,136,102)`
RGB Percent	73.3, 53.3, 40	`rgb(73.3%,53.3%,40%)`
CMYK	0, 27, 45, 27
HSL	24°, 38.5, 56.7	`hsl(24,38.5%,56.7%)`
HSV (or HSB)	24°, 45.5, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.9, 15.267, 25.907
XYZ	31.696, 29.134, 16.524
xyY	0.41, 0.377, 29.134
CIE-LCH	60.9, 30.071, 59.489
CIE-LUV	60.9, 37.041, 29.754
Hunter-Lab	53.976, 10.362, 19.633
Binary	10111011, 10001000, 01100110

#bb8866
```
#bb8866 rgb(187,136,102)
```
#6699bb
```
#6699bb rgb(102,153,187)
```

Complementary Color

#bb666f
```
#bb666f rgb(187,102,111)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#bbb366
```
#bbb366 rgb(187,179,102)
```

Analogous Color

#666fbb
```
#666fbb rgb(102,111,187)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#66bbb3
```
#66bbb3 rgb(102,187,179)
```

Split Complementary Color

#8866bb
```
#8866bb rgb(136,102,187)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#66bb88
```
#66bb88 rgb(102,187,136)
```

Triadic Color

#bb6699
```
#bb6699 rgb(187,102,153)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#66bb88
```
#66bb88 rgb(102,187,136)
```
#6699bb
```
#6699bb rgb(102,153,187)
```

Tetradic Color

#936241
```
#936241 rgb(147,98,65)
```
#a56e49
```
#a56e49 rgb(165,110,73)
```
#b37a54
```
#b37a54 rgb(179,122,84)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#c39678
```
#c39678 rgb(195,150,120)
```
#cba389
```
#cba389 rgb(203,163,137)
```
#d3b19b
```
#d3b19b rgb(211,177,155)
```

Monochromatic Color

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

#bb7366
```
#bb7366 rgb(187,115,102)
```
#bb7a66
```
#bb7a66 rgb(187,122,102)
```
#bb8166
```
#bb8166 rgb(187,129,102)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#bb8f66
```
#bb8f66 rgb(187,143,102)
```
#bb9666
```
#bb9666 rgb(187,150,102)
```
#bb9d66
```
#bb9d66 rgb(187,157,102)
```

Similar Colors

Text with hexadecimal color #bb8866

This text has a font color of #bb8866.

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

#bb8866 background color

This paragraph has a background color of #bb8866.

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

#bb8866 border color

This element has a border color of #bb8866.

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

CSS codes

.text {color:#bb8866;}

.background {background-color:#bb8866;}

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

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, #0a0704 is the darkest color, while #fdfcfb is the lightest one.

#0a0704
```
#0a0704 rgb(10,7,4)
```
#18100a
```
#18100a rgb(24,16,10)
```
#251910
```
#251910 rgb(37,25,16)
```
#332217
```
#332217 rgb(51,34,23)
```
#402b1d
```
#402b1d rgb(64,43,29)
```
#4e3423
```
#4e3423 rgb(78,52,35)
```
#5b3d29
```
#5b3d29 rgb(91,61,41)
```
#69462f
```
#69462f rgb(105,70,47)
```
#774f35
```
#774f35 rgb(119,79,53)
```
#84583b
```
#84583b rgb(132,88,59)
```
#926141
```
#926141 rgb(146,97,65)
```
#9f6a47
```
#9f6a47 rgb(159,106,71)
```
#ad734d
```
#ad734d rgb(173,115,77)
```

Shade Color Variation

#b57d58
```
#b57d58 rgb(181,125,88)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#c19374
```
#c19374 rgb(193,147,116)
```
#c79d81
```
#c79d81 rgb(199,157,129)
```
#cda88f
```
#cda88f rgb(205,168,143)
```
#d3b29c
```
#d3b29c rgb(211,178,156)
```
#d9bdaa
```
#d9bdaa rgb(217,189,170)
```
#dfc7b7
```
#dfc7b7 rgb(223,199,183)
```
#e5d2c5
```
#e5d2c5 rgb(229,210,197)
```
#ebdcd3
```
#ebdcd3 rgb(235,220,211)
```
#f1e7e0
```
#f1e7e0 rgb(241,231,224)
```
#f7f2ee
```
#f7f2ee rgb(247,242,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#998f88
```
#998f88 rgb(153,143,136)
```
#a28d80
```
#a28d80 rgb(162,141,128)
```
#aa8b77
```
#aa8b77 rgb(170,139,119)
```
#b38a6f
```
#b38a6f rgb(179,138,111)
```
#bb8866
```
#bb8866 rgb(187,136,102)
```
#c4865e
```
#c4865e rgb(196,134,94)
```
#cc8555
```
#cc8555 rgb(204,133,85)
```
#d5834d
```
#d5834d rgb(213,131,77)
```
#dd8144
```
#dd8144 rgb(221,129,68)
```
#e6803c
```
#e6803c rgb(230,128,60)
```
#ee7e33
```
#ee7e33 rgb(238,126,51)
```
#f77c2b
```
#f77c2b rgb(247,124,43)
```
#ff7a22
```
#ff7a22 rgb(255,122,34)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b918a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39872 Protanopia 1% of men
#b4926c Deuteranopia 1% of men
#c28992 Tritanopia 0.001% of the population

Trichromacy

#ac926d Protanomaly 1% of men, 0.01% of women
#b68e6a Deuteranomaly 6% of men, 0.4% of women
#bf8882 Tritanomaly 0.01% of the population

#bb8866 hex color

#bb8866 Color Information

#bb8866 Color Conversion

Color Schemes with #bb8866

Alternatives to #bb8866

#bb8866 Preview

Shades and Tints of #bb8866

Tones of #bb8866

Color Blindness Simulator