colorhexa.com

#bb885d hex color

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

- R 73
- G 53
- B 36
RGB color chart
- C 0
- M 27
- Y 50
- K 27
CMYK color chart

● #bb885d color description : Moderate orange.

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

Hex triplet	bb885d	`#bb885d`
RGB Decimal	187, 136, 93	`rgb(187,136,93)`
RGB Percent	73.3, 53.3, 36.5	`rgb(73.3%,53.3%,36.5%)`
CMYK	0, 27, 50, 27
HSL	27.4°, 40.9, 54.9	`hsl(27.4,40.9%,54.9%)`
HSV (or HSB)	27.4°, 50.3, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	60.751, 14.362, 30.67
XYZ	31.274, 28.965, 14.299
xyY	0.42, 0.389, 28.965
CIE-LCH	60.751, 33.866, 64.908
CIE-LUV	60.751, 37.985, 34.885
Hunter-Lab	53.819, 9.541, 21.921
Binary	10111011, 10001000, 01011101

#bb885d
```
#bb885d rgb(187,136,93)
```
#5d90bb
```
#5d90bb rgb(93,144,187)
```

Complementary Color

#bb5d61
```
#bb5d61 rgb(187,93,97)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#bbb75d
```
#bbb75d rgb(187,183,93)
```

Analogous Color

#5d61bb
```
#5d61bb rgb(93,97,187)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#5dbbb7
```
#5dbbb7 rgb(93,187,183)
```

Split Complementary Color

#885dbb
```
#885dbb rgb(136,93,187)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#5dbb88
```
#5dbb88 rgb(93,187,136)
```

Triadic Color

#bb5d90
```
#bb5d90 rgb(187,93,144)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#5dbb88
```
#5dbb88 rgb(93,187,136)
```
#5d90bb
```
#5d90bb rgb(93,144,187)
```

Tetradic Color

#8f623c
```
#8f623c rgb(143,98,60)
```
#a16f44
```
#a16f44 rgb(161,111,68)
```
#b37b4b
```
#b37b4b rgb(179,123,75)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#c3956f
```
#c3956f rgb(195,149,111)
```
#caa281
```
#caa281 rgb(202,162,129)
```
#d2b093
```
#d2b093 rgb(210,176,147)
```

Monochromatic Color

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

#bb715d
```
#bb715d rgb(187,113,93)
```
#bb785d
```
#bb785d rgb(187,120,93)
```
#bb805d
```
#bb805d rgb(187,128,93)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#bb905d
```
#bb905d rgb(187,144,93)
```
#bb985d
```
#bb985d rgb(187,152,93)
```
#bba05d
```
#bba05d rgb(187,160,93)
```

Similar Colors

Text with hexadecimal color #bb885d

This text has a font color of #bb885d.

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

#bb885d background color

This paragraph has a background color of #bb885d.

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

#bb885d border color

This element has a border color of #bb885d.

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

CSS codes

.text {color:#bb885d;}

.background {background-color:#bb885d;}

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

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)
```
#120c07
```
#120c07 rgb(18,12,7)
```
#1f160d
```
#1f160d rgb(31,22,13)
```
#2d1f13
```
#2d1f13 rgb(45,31,19)
```
#3b2819
```
#3b2819 rgb(59,40,25)
```
#49321f
```
#49321f rgb(73,50,31)
```
#573b24
```
#573b24 rgb(87,59,36)
```
#65452a
```
#65452a rgb(101,69,42)
```
#724e30
```
#724e30 rgb(114,78,48)
```
#805836
```
#805836 rgb(128,88,54)
```
#8e613c
```
#8e613c rgb(142,97,60)
```
#9c6b41
```
#9c6b41 rgb(156,107,65)
```
#aa7447
```
#aa7447 rgb(170,116,71)
```

Shade Color Variation

#b57e4f
```
#b57e4f rgb(181,126,79)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#c1926b
```
#c1926b rgb(193,146,107)
```
#c79c79
```
#c79c79 rgb(199,156,121)
```
#cca686
```
#cca686 rgb(204,166,134)
```
#d2b194
```
#d2b194 rgb(210,177,148)
```
#d8bba2
```
#d8bba2 rgb(216,187,162)
```
#dec5b0
```
#dec5b0 rgb(222,197,176)
```
#e4cfbe
```
#e4cfbe rgb(228,207,190)
```
#e9d9cc
```
#e9d9cc rgb(233,217,204)
```
#efe3d9
```
#efe3d9 rgb(239,227,217)
```
#f5ede7
```
#f5ede7 rgb(245,237,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 #f9831f is the most saturated one.

#8f8c89
```
#8f8c89 rgb(143,140,137)
```
#988b80
```
#988b80 rgb(152,139,128)
```
#a08a78
```
#a08a78 rgb(160,138,120)
```
#a98a6f
```
#a98a6f rgb(169,138,111)
```
#b28966
```
#b28966 rgb(178,137,102)
```
#bb885d
```
#bb885d rgb(187,136,93)
```
#c48754
```
#c48754 rgb(196,135,84)
```
#cd864b
```
#cd864b rgb(205,134,75)
```
#d68642
```
#d68642 rgb(214,134,66)
```
#de853a
```
#de853a rgb(222,133,58)
```
#e78431
```
#e78431 rgb(231,132,49)
```
#f08328
```
#f08328 rgb(240,131,40)
```
#f9831f
```
#f9831f rgb(249,131,31)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9a9087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49869 Protanopia 1% of men
#b69164 Deuteranopia 1% of men
#c28891 Tritanopia 0.001% of the population

Trichromacy

#ac9264 Protanomaly 1% of men, 0.01% of women
#b78e61 Deuteranomaly 6% of men, 0.4% of women
#bf887e Tritanomaly 0.01% of the population