#b8811f hex color

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

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

● #b8811f color description : Strong orange.

The hexadecimal color #b8811f has RGB values of R:184, G:129, B:31 and CMYK values of C:0, M:0.3, Y:0.83, K:0.28. Its decimal value is 12091679.

Hex triplet	b8811f	`#b8811f`
RGB Decimal	184, 129, 31	`rgb(184,129,31)`
RGB Percent	72.2, 50.6, 12.2	`rgb(72.2%,50.6%,12.2%)`
CMYK	0, 30, 83, 28
HSL	38.4°, 71.2, 42.2	`hsl(38.4,71.2%,42.2%)`
HSV (or HSB)	38.4°, 83.2, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.029, 13.068, 56.762
XYZ	27.865, 25.992, 4.846
xyY	0.475, 0.443, 25.992
CIE-LCH	58.029, 58.246, 77.035
CIE-LUV	58.029, 45.269, 54.926
Hunter-Lab	50.982, 8.345, 30.052
Binary	10111000, 10000001, 00011111

#b8811f
```
#b8811f rgb(184,129,31)
```
#1f56b8
```
#1f56b8 rgb(31,86,184)
```

Complementary Color

#b8351f
```
#b8351f rgb(184,53,31)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#a3b81f
```
#a3b81f rgb(163,184,31)
```

Analogous Color

#351fb8
```
#351fb8 rgb(53,31,184)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#1fa3b8
```
#1fa3b8 rgb(31,163,184)
```

Split Complementary Color

#811fb8
```
#811fb8 rgb(129,31,184)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#1fb881
```
#1fb881 rgb(31,184,129)
```

Triadic Color

#b81f56
```
#b81f56 rgb(184,31,86)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#1fb881
```
#1fb881 rgb(31,184,129)
```
#1f56b8
```
#1f56b8 rgb(31,86,184)
```

Tetradic Color

#775314
```
#775314 rgb(119,83,20)
```
#8c6218
```
#8c6218 rgb(140,98,24)
```
#a2721b
```
#a2721b rgb(162,114,27)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#ce9023
```
#ce9023 rgb(206,144,35)
```
#dc9d2e
```
#dc9d2e rgb(220,157,46)
```
#dfa844
```
#dfa844 rgb(223,168,68)
```

Monochromatic Color

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

#b85b1f
```
#b85b1f rgb(184,91,31)
```
#b8681f
```
#b8681f rgb(184,104,31)
```
#b8741f
```
#b8741f rgb(184,116,31)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#b88e1f
```
#b88e1f rgb(184,142,31)
```
#b89b1f
```
#b89b1f rgb(184,155,31)
```
#b8a71f
```
#b8a71f rgb(184,167,31)
```

Similar Colors

Text with hexadecimal color #b8811f

This text has a font color of #b8811f.

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

#b8811f background color

This paragraph has a background color of #b8811f.

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

#b8811f border color

This element has a border color of #b8811f.

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

CSS codes

.text {color:#b8811f;}

.background {background-color:#b8811f;}

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

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

#100b03
```
#100b03 rgb(16,11,3)
```
#211706
```
#211706 rgb(33,23,6)
```
#322308
```
#322308 rgb(50,35,8)
```
#422f0b
```
#422f0b rgb(66,47,11)
```
#533a0e
```
#533a0e rgb(83,58,14)
```
#644611
```
#644611 rgb(100,70,17)
```
#755214
```
#755214 rgb(117,82,20)
```
#865e17
```
#865e17 rgb(134,94,23)
```
#966919
```
#966919 rgb(150,105,25)
```
#a7751c
```
#a7751c rgb(167,117,28)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#c98d22
```
#c98d22 rgb(201,141,34)
```
#da9925
```
#da9925 rgb(218,153,37)
```

Shade Color Variation

#dda135
```
#dda135 rgb(221,161,53)
```
#e0a846
```
#e0a846 rgb(224,168,70)
```
#e3b056
```
#e3b056 rgb(227,176,86)
```
#e5b867
```
#e5b867 rgb(229,184,103)
```
#e8c078
```
#e8c078 rgb(232,192,120)
```
#ebc889
```
#ebc889 rgb(235,200,137)
```
#eed09a
```
#eed09a rgb(238,208,154)
```
#f1d7aa
```
#f1d7aa rgb(241,215,170)
```
#f4dfbb
```
#f4dfbb rgb(244,223,187)
```
#f6e7cc
```
#f6e7cc rgb(246,231,204)
```
#f9efdd
```
#f9efdd rgb(249,239,221)
```
#fcf7ee
```
#fcf7ee rgb(252,247,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 #d18806 is the most saturated one.

#6e6c69
```
#6e6c69 rgb(110,108,105)
```
#766e61
```
#766e61 rgb(118,110,97)
```
#7e7159
```
#7e7159 rgb(126,113,89)
```
#867351
```
#867351 rgb(134,115,81)
```
#8f7548
```
#8f7548 rgb(143,117,72)
```
#977840
```
#977840 rgb(151,120,64)
```
#9f7a38
```
#9f7a38 rgb(159,122,56)
```
#a77c30
```
#a77c30 rgb(167,124,48)
```
#b07f27
```
#b07f27 rgb(176,127,39)
```
#b8811f
```
#b8811f rgb(184,129,31)
```
#c08317
```
#c08317 rgb(192,131,23)
```
#c9860e
```
#c9860e rgb(201,134,14)
```
#d18806
```
#d18806 rgb(209,136,6)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#908571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2912d Protanopia 1% of men
#b58a29 Deuteranopia 1% of men
#c17f87 Tritanopia 0.001% of the population

Trichromacy

#aa8b28 Protanomaly 1% of men, 0.01% of women
#b68725 Deuteranomaly 6% of men, 0.4% of women
#be7f61 Tritanomaly 0.01% of the population

#b8811f hex color

#b8811f Color Information

#b8811f Color Conversion

Color Schemes with #b8811f

Alternatives to #b8811f

#b8811f Preview

Shades and Tints of #b8811f

Tones of #b8811f

Color Blindness Simulator