#bb8f74 hex color

In a RGB color space, hex #bb8f74 is composed of 73.3% red, 56.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 38% yellow and 26.7% black. It has a hue angle of 22.8 degrees, a saturation of 34.3% and a lightness of 59.4%. #bb8f74 color hex could be obtained by blending #ffffe8 with #771f00. Closest websafe color is: #cc9966.

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

● #bb8f74 color description : Slightly desaturated orange.

The hexadecimal color #bb8f74 has RGB values of R:187, G:143, B:116 and CMYK values of C:0, M:0.24, Y:0.38, K:0.27. Its decimal value is 12291956.

Hex triplet	bb8f74	`#bb8f74`
RGB Decimal	187, 143, 116	`rgb(187,143,116)`
RGB Percent	73.3, 56.1, 45.5	`rgb(73.3%,56.1%,45.5%)`
CMYK	0, 24, 38, 27
HSL	22.8°, 34.3, 59.4	`hsl(22.8,34.3%,59.4%)`
HSV (or HSB)	22.8°, 38, 73.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	62.904, 12.972, 20.794
XYZ	33.468, 31.472, 20.834
xyY	0.39, 0.367, 31.472
CIE-LCH	62.904, 24.508, 58.041
CIE-LUV	62.904, 30.937, 24.775
Hunter-Lab	56.1, 8.315, 17.251
Binary	10111011, 10001111, 01110100

#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#74a0bb
```
#74a0bb rgb(116,160,187)
```

Complementary Color

#bb747d
```
#bb747d rgb(187,116,125)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#bbb374
```
#bbb374 rgb(187,179,116)
```

Analogous Color

#747dbb
```
#747dbb rgb(116,125,187)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#74bbb3
```
#74bbb3 rgb(116,187,179)
```

Split Complementary Color

#8f74bb
```
#8f74bb rgb(143,116,187)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#74bb8f
```
#74bb8f rgb(116,187,143)
```

Triadic Color

#bb74a0
```
#bb74a0 rgb(187,116,160)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#74bb8f
```
#74bb8f rgb(116,187,143)
```
#74a0bb
```
#74a0bb rgb(116,160,187)
```

Tetradic Color

#98684a
```
#98684a rgb(152,104,74)
```
#a97453
```
#a97453 rgb(169,116,83)
```
#b38163
```
#b38163 rgb(179,129,99)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#c39d85
```
#c39d85 rgb(195,157,133)
```
#ccab96
```
#ccab96 rgb(204,171,150)
```
#d4b8a7
```
#d4b8a7 rgb(212,184,167)
```

Monochromatic Color

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

#bb7d74
```
#bb7d74 rgb(187,125,116)
```
#bb8374
```
#bb8374 rgb(187,131,116)
```
#bb8974
```
#bb8974 rgb(187,137,116)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#bb9574
```
#bb9574 rgb(187,149,116)
```
#bb9b74
```
#bb9b74 rgb(187,155,116)
```
#bba174
```
#bba174 rgb(187,161,116)
```

Similar Colors

Text with hexadecimal color #bb8f74

This text has a font color of #bb8f74.

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

#bb8f74 background color

This paragraph has a background color of #bb8f74.

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

#bb8f74 border color

This element has a border color of #bb8f74.

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

CSS codes

.text {color:#bb8f74;}

.background {background-color:#bb8f74;}

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

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

#060403
```
#060403 rgb(6,4,3)
```
#130d09
```
#130d09 rgb(19,13,9)
```
#201610
```
#201610 rgb(32,22,16)
```
#2d1f16
```
#2d1f16 rgb(45,31,22)
```
#3b281d
```
#3b281d rgb(59,40,29)
```
#483123
```
#483123 rgb(72,49,35)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#624330
```
#624330 rgb(98,67,48)
```
#6f4c36
```
#6f4c36 rgb(111,76,54)
```
#7c553d
```
#7c553d rgb(124,85,61)
```
#8a5e43
```
#8a5e43 rgb(138,94,67)
```
#97674a
```
#97674a rgb(151,103,74)
```
#a47050
```
#a47050 rgb(164,112,80)
```

Shade Color Variation

#ae7a5a
```
#ae7a5a rgb(174,122,90)
```
#b58467
```
#b58467 rgb(181,132,103)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#c19a81
```
#c19a81 rgb(193,154,129)
```
#c8a48e
```
#c8a48e rgb(200,164,142)
```
#ceaf9c
```
#ceaf9c rgb(206,175,156)
```
#d5b9a9
```
#d5b9a9 rgb(213,185,169)
```
#dbc4b6
```
#dbc4b6 rgb(219,196,182)
```
#e2cfc3
```
#e2cfc3 rgb(226,207,195)
```
#e8d9d0
```
#e8d9d0 rgb(232,217,208)
```
#efe4dd
```
#efe4dd rgb(239,228,221)
```
#f5efeb
```
#f5efeb rgb(245,239,235)
```
#fbf9f8
```
#fbf9f8 rgb(251,249,248)
```

Tint Color Variation

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

#9b9794
```
#9b9794 rgb(155,151,148)
```
#a3958c
```
#a3958c rgb(163,149,140)
```
#ab9384
```
#ab9384 rgb(171,147,132)
```
#b3917c
```
#b3917c rgb(179,145,124)
```
#bb8f74
```
#bb8f74 rgb(187,143,116)
```
#c38d6c
```
#c38d6c rgb(195,141,108)
```
#cb8b64
```
#cb8b64 rgb(203,139,100)
```
#d3895c
```
#d3895c rgb(211,137,92)
```
#db8754
```
#db8754 rgb(219,135,84)
```
#e3854c
```
#e3854c rgb(227,133,76)
```
#eb8444
```
#eb8444 rgb(235,132,68)
```
#f3823c
```
#f3823c rgb(243,130,60)
```
#fb8034
```
#fb8034 rgb(251,128,52)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a09792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79d7e Protanopia 1% of men
#b8977a Deuteranopia 1% of men
#c2909a Tritanopia 0.001% of the population

Trichromacy

#ae987a Protanomaly 1% of men, 0.01% of women
#b99478 Deuteranomaly 6% of men, 0.4% of women
#bf8f8c Tritanomaly 0.01% of the population

#bb8f74 hex color

#bb8f74 Color Information

#bb8f74 Color Conversion

Color Schemes with #bb8f74

Alternatives to #bb8f74

#bb8f74 Preview

Shades and Tints of #bb8f74

Tones of #bb8f74

Color Blindness Simulator