#bb8f5d hex color

In a RGB color space, hex #bb8f5d is composed of 73.3% red, 56.1% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 50.3% yellow and 26.7% black. It has a hue angle of 31.9 degrees, a saturation of 40.9% and a lightness of 54.9%. #bb8f5d color hex could be obtained by blending #ffffba with #771f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 73
- G 56
- B 36
RGB color chart
- C 0
- M 24
- Y 50
- K 27
CMYK color chart

● #bb8f5d color description : Moderate orange.

The hexadecimal color #bb8f5d has RGB values of R:187, G:143, B:93 and CMYK values of C:0, M:0.24, Y:0.5, K:0.27. Its decimal value is 12291933.

Hex triplet	bb8f5d	`#bb8f5d`
RGB Decimal	187, 143, 93	`rgb(187,143,93)`
RGB Percent	73.3, 56.1, 36.5	`rgb(73.3%,56.1%,36.5%)`
CMYK	0, 24, 50, 27
HSL	31.9°, 40.9, 54.9	`hsl(31.9,40.9%,54.9%)`
HSV (or HSB)	31.9°, 50.3, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.509, 10.49, 32.903
XYZ	32.292, 31.002, 14.638
xyY	0.414, 0.398, 31.002
CIE-LCH	62.509, 34.535, 72.317
CIE-LUV	62.509, 33.168, 38.34
Hunter-Lab	55.679, 6.086, 23.388
Binary	10111011, 10001111, 01011101

#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#5d89bb
```
#5d89bb rgb(93,137,187)
```

Complementary Color

#bb605d
```
#bb605d rgb(187,96,93)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#b8bb5d
```
#b8bb5d rgb(184,187,93)
```

Analogous Color

#605dbb
```
#605dbb rgb(96,93,187)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#5db8bb
```
#5db8bb rgb(93,184,187)
```

Split Complementary Color

#8f5dbb
```
#8f5dbb rgb(143,93,187)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#5dbb8f
```
#5dbb8f rgb(93,187,143)
```

Triadic Color

#bb5d89
```
#bb5d89 rgb(187,93,137)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#5dbb8f
```
#5dbb8f rgb(93,187,143)
```
#5d89bb
```
#5d89bb rgb(93,137,187)
```

Tetradic Color

#8f683c
```
#8f683c rgb(143,104,60)
```
#a17544
```
#a17544 rgb(161,117,68)
```
#b3834b
```
#b3834b rgb(179,131,75)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#c39b6f
```
#c39b6f rgb(195,155,111)
```
#caa881
```
#caa881 rgb(202,168,129)
```
#d2b493
```
#d2b493 rgb(210,180,147)
```

Monochromatic Color

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

#bb785d
```
#bb785d rgb(187,120,93)
```
#bb7f5d
```
#bb7f5d rgb(187,127,93)
```
#bb875d
```
#bb875d rgb(187,135,93)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#bb975d
```
#bb975d rgb(187,151,93)
```
#bb9f5d
```
#bb9f5d rgb(187,159,93)
```
#bba75d
```
#bba75d rgb(187,167,93)
```

Similar Colors

Text with hexadecimal color #bb8f5d

This text has a font color of #bb8f5d.

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

#bb8f5d background color

This paragraph has a background color of #bb8f5d.

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

#bb8f5d border color

This element has a border color of #bb8f5d.

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

CSS codes

.text {color:#bb8f5d;}

.background {background-color:#bb8f5d;}

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

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

#040302
```
#040302 rgb(4,3,2)
```
#120d07
```
#120d07 rgb(18,13,7)
```
#1f170d
```
#1f170d rgb(31,23,13)
```
#2d2113
```
#2d2113 rgb(45,33,19)
```
#3b2b19
```
#3b2b19 rgb(59,43,25)
```
#49351f
```
#49351f rgb(73,53,31)
```
#573f24
```
#573f24 rgb(87,63,36)
```
#65492a
```
#65492a rgb(101,73,42)
```
#725330
```
#725330 rgb(114,83,48)
```
#805d36
```
#805d36 rgb(128,93,54)
```
#8e673c
```
#8e673c rgb(142,103,60)
```
#9c7141
```
#9c7141 rgb(156,113,65)
```
#aa7c47
```
#aa7c47 rgb(170,124,71)
```

Shade Color Variation

#b5854f
```
#b5854f rgb(181,133,79)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#c1996b
```
#c1996b rgb(193,153,107)
```
#c7a279
```
#c7a279 rgb(199,162,121)
```
#ccac86
```
#ccac86 rgb(204,172,134)
```
#d2b594
```
#d2b594 rgb(210,181,148)
```
#d8bfa2
```
#d8bfa2 rgb(216,191,162)
```
#dec8b0
```
#dec8b0 rgb(222,200,176)
```
#e4d2be
```
#e4d2be rgb(228,210,190)
```
#e9dbcc
```
#e9dbcc rgb(233,219,204)
```
#efe5d9
```
#efe5d9 rgb(239,229,217)
```
#f5efe7
```
#f5efe7 rgb(245,239,231)
```
#fbf8f5
```
#fbf8f5 rgb(251,248,245)
```

Tint Color Variation

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

#8f8c89
```
#8f8c89 rgb(143,140,137)
```
#988d80
```
#988d80 rgb(152,141,128)
```
#a08d78
```
#a08d78 rgb(160,141,120)
```
#a98e6f
```
#a98e6f rgb(169,142,111)
```
#b28e66
```
#b28e66 rgb(178,142,102)
```
#bb8f5d
```
#bb8f5d rgb(187,143,93)
```
#c49054
```
#c49054 rgb(196,144,84)
```
#cd904b
```
#cd904b rgb(205,144,75)
```
#d69142
```
#d69142 rgb(214,145,66)
```
#de913a
```
#de913a rgb(222,145,58)
```
#e79231
```
#e79231 rgb(231,146,49)
```
#f09228
```
#f09228 rgb(240,146,40)
```
#f9931f
```
#f9931f rgb(249,147,31)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9d958b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99c68 Protanopia 1% of men
#bb9665 Deuteranopia 1% of men
#c38e98 Tritanopia 0.001% of the population

Trichromacy

#b09764 Protanomaly 1% of men, 0.01% of women
#bb9362 Deuteranomaly 6% of men, 0.4% of women
#c08e82 Tritanomaly 0.01% of the population

#bb8f5d hex color

#bb8f5d Color Information

#bb8f5d Color Conversion

Color Schemes with #bb8f5d

Alternatives to #bb8f5d

#bb8f5d Preview

Shades and Tints of #bb8f5d

Tones of #bb8f5d

Color Blindness Simulator