#b8881f hex color

In a RGB color space, hex #b8881f is composed of 72.2% red, 53.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 83.2% yellow and 27.8% black. It has a hue angle of 41.2 degrees, a saturation of 71.2% and a lightness of 42.2%. #b8881f color hex could be obtained by blending #ffff3e with #711100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 72
- G 53
- B 12
RGB color chart
- C 0
- M 26
- Y 83
- K 28
CMYK color chart

● #b8881f color description : Strong orange.

The hexadecimal color #b8881f has RGB values of R:184, G:136, B:31 and CMYK values of C:0, M:0.26, Y:0.83, K:0.28. Its decimal value is 12093471.

Hex triplet	b8881f	`#b8881f`
RGB Decimal	184, 136, 31	`rgb(184,136,31)`
RGB Percent	72.2, 53.3, 12.2	`rgb(72.2%,53.3%,12.2%)`
CMYK	0, 26, 83, 28
HSL	41.2°, 71.2, 42.2	`hsl(41.2,71.2%,42.2%)`
HSV (or HSB)	41.2°, 83.2, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	59.798, 9.192, 58.293
XYZ	28.819, 27.899, 5.163
xyY	0.466, 0.451, 27.899
CIE-LCH	59.798, 59.014, 81.039
CIE-LUV	59.798, 39.838, 57.695
Hunter-Lab	52.82, 4.958, 31.178
Binary	10111000, 10001000, 00011111

#b8881f
```
#b8881f rgb(184,136,31)
```
#1f4fb8
```
#1f4fb8 rgb(31,79,184)
```

Complementary Color

#b83c1f
```
#b83c1f rgb(184,60,31)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#9cb81f
```
#9cb81f rgb(156,184,31)
```

Analogous Color

#3b1fb8
```
#3b1fb8 rgb(59,31,184)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#1f9cb8
```
#1f9cb8 rgb(31,156,184)
```

Split Complementary Color

#881fb8
```
#881fb8 rgb(136,31,184)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#1fb888
```
#1fb888 rgb(31,184,136)
```

Triadic Color

#b81f4f
```
#b81f4f rgb(184,31,79)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#1fb888
```
#1fb888 rgb(31,184,136)
```
#1f4fb8
```
#1f4fb8 rgb(31,79,184)
```

Tetradic Color

#775814
```
#775814 rgb(119,88,20)
```
#8c6818
```
#8c6818 rgb(140,104,24)
```
#a2781b
```
#a2781b rgb(162,120,27)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#ce9823
```
#ce9823 rgb(206,152,35)
```
#dca52e
```
#dca52e rgb(220,165,46)
```
#dfaf44
```
#dfaf44 rgb(223,175,68)
```

Monochromatic Color

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

#b8621f
```
#b8621f rgb(184,98,31)
```
#b86f1f
```
#b86f1f rgb(184,111,31)
```
#b87b1f
```
#b87b1f rgb(184,123,31)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#b8951f
```
#b8951f rgb(184,149,31)
```
#b8a21f
```
#b8a21f rgb(184,162,31)
```
#b8ae1f
```
#b8ae1f rgb(184,174,31)
```

Similar Colors

Text with hexadecimal color #b8881f

This text has a font color of #b8881f.

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

#b8881f background color

This paragraph has a background color of #b8881f.

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

#b8881f border color

This element has a border color of #b8881f.

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

CSS codes

.text {color:#b8881f;}

.background {background-color:#b8881f;}

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

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, #100c03 is the darkest color, while #fffffe is the lightest one.

#100c03
```
#100c03 rgb(16,12,3)
```
#211806
```
#211806 rgb(33,24,6)
```
#322508
```
#322508 rgb(50,37,8)
```
#42310b
```
#42310b rgb(66,49,11)
```
#533e0e
```
#533e0e rgb(83,62,14)
```
#644a11
```
#644a11 rgb(100,74,17)
```
#755614
```
#755614 rgb(117,86,20)
```
#866317
```
#866317 rgb(134,99,23)
```
#966f19
```
#966f19 rgb(150,111,25)
```
#a77c1c
```
#a77c1c rgb(167,124,28)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#c99422
```
#c99422 rgb(201,148,34)
```
#daa125
```
#daa125 rgb(218,161,37)
```

Shade Color Variation

#dda835
```
#dda835 rgb(221,168,53)
```
#e0af46
```
#e0af46 rgb(224,175,70)
```
#e3b756
```
#e3b756 rgb(227,183,86)
```
#e5be67
```
#e5be67 rgb(229,190,103)
```
#e8c578
```
#e8c578 rgb(232,197,120)
```
#ebcc89
```
#ebcc89 rgb(235,204,137)
```
#eed39a
```
#eed39a rgb(238,211,154)
```
#f1dbaa
```
#f1dbaa rgb(241,219,170)
```
#f4e2bb
```
#f4e2bb rgb(244,226,187)
```
#f6e9cc
```
#f6e9cc rgb(246,233,204)
```
#f9f0dd
```
#f9f0dd rgb(249,240,221)
```
#fcf8ee
```
#fcf8ee rgb(252,248,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6e6c69
```
#6e6c69 rgb(110,108,105)
```
#766f61
```
#766f61 rgb(118,111,97)
```
#7e7259
```
#7e7259 rgb(126,114,89)
```
#867651
```
#867651 rgb(134,118,81)
```
#8f7948
```
#8f7948 rgb(143,121,72)
```
#977c40
```
#977c40 rgb(151,124,64)
```
#9f7f38
```
#9f7f38 rgb(159,127,56)
```
#a78230
```
#a78230 rgb(167,130,48)
```
#b08527
```
#b08527 rgb(176,133,39)
```
#b8881f
```
#b8881f rgb(184,136,31)
```
#c08b17
```
#c08b17 rgb(192,139,23)
```
#c98e0e
```
#c98e0e rgb(201,142,14)
```
#d19106
```
#d19106 rgb(209,145,6)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#938a75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7962c Protanopia 1% of men
#ba8e2a Deuteranopia 1% of men
#c2858e Tritanopia 0.001% of the population

Trichromacy

#ad9027 Protanomaly 1% of men, 0.01% of women
#b98c26 Deuteranomaly 6% of men, 0.4% of women
#be8665 Tritanomaly 0.01% of the population

#b8881f hex color

#b8881f Color Information

#b8881f Color Conversion

Color Schemes with #b8881f

Alternatives to #b8881f

#b8881f Preview

Shades and Tints of #b8881f

Tones of #b8881f

Color Blindness Simulator