#b8821f hex color

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

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

● #b8821f color description : Strong orange.

The hexadecimal color #b8821f has RGB values of R:184, G:130, B:31 and CMYK values of C:0, M:0.29, Y:0.83, K:0.28. Its decimal value is 12091935.

Hex triplet	b8821f	`#b8821f`
RGB Decimal	184, 130, 31	`rgb(184,130,31)`
RGB Percent	72.2, 51, 12.2	`rgb(72.2%,51%,12.2%)`
CMYK	0, 29, 83, 28
HSL	38.8°, 71.2, 42.2	`hsl(38.8,71.2%,42.2%)`
HSV (or HSB)	38.8°, 83.2, 72.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.28, 12.513, 56.979
XYZ	27.998, 26.256, 4.89
xyY	0.473, 0.444, 26.256
CIE-LCH	58.28, 58.337, 77.614
CIE-LUV	58.28, 44.488, 55.32
Hunter-Lab	51.241, 7.86, 30.211
Binary	10111000, 10000010, 00011111

#b8821f
```
#b8821f rgb(184,130,31)
```
#1f55b8
```
#1f55b8 rgb(31,85,184)
```

Complementary Color

#b8361f
```
#b8361f rgb(184,54,31)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#a2b81f
```
#a2b81f rgb(162,184,31)
```

Analogous Color

#351fb8
```
#351fb8 rgb(53,31,184)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#1fa2b8
```
#1fa2b8 rgb(31,162,184)
```

Split Complementary Color

#821fb8
```
#821fb8 rgb(130,31,184)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#1fb882
```
#1fb882 rgb(31,184,130)
```

Triadic Color

#b81f55
```
#b81f55 rgb(184,31,85)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#1fb882
```
#1fb882 rgb(31,184,130)
```
#1f55b8
```
#1f55b8 rgb(31,85,184)
```

Tetradic Color

#775414
```
#775414 rgb(119,84,20)
```
#8c6318
```
#8c6318 rgb(140,99,24)
```
#a2731b
```
#a2731b rgb(162,115,27)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#ce9123
```
#ce9123 rgb(206,145,35)
```
#dc9f2e
```
#dc9f2e rgb(220,159,46)
```
#dfa944
```
#dfa944 rgb(223,169,68)
```

Monochromatic Color

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

#b85c1f
```
#b85c1f rgb(184,92,31)
```
#b8691f
```
#b8691f rgb(184,105,31)
```
#b8751f
```
#b8751f rgb(184,117,31)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#b88f1f
```
#b88f1f rgb(184,143,31)
```
#b89c1f
```
#b89c1f rgb(184,156,31)
```
#b8a81f
```
#b8a81f rgb(184,168,31)
```

Similar Colors

Text with hexadecimal color #b8821f

This text has a font color of #b8821f.

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

#b8821f background color

This paragraph has a background color of #b8821f.

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

#b8821f border color

This element has a border color of #b8821f.

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

CSS codes

.text {color:#b8821f;}

.background {background-color:#b8821f;}

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

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)
```
#533b0e
```
#533b0e rgb(83,59,14)
```
#644711
```
#644711 rgb(100,71,17)
```
#755314
```
#755314 rgb(117,83,20)
```
#865e17
```
#865e17 rgb(134,94,23)
```
#966a19
```
#966a19 rgb(150,106,25)
```
#a7761c
```
#a7761c rgb(167,118,28)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#c98e22
```
#c98e22 rgb(201,142,34)
```
#da9a25
```
#da9a25 rgb(218,154,37)
```

Shade Color Variation

#dda235
```
#dda235 rgb(221,162,53)
```
#e0a946
```
#e0a946 rgb(224,169,70)
```
#e3b156
```
#e3b156 rgb(227,177,86)
```
#e5b967
```
#e5b967 rgb(229,185,103)
```
#e8c178
```
#e8c178 rgb(232,193,120)
```
#ebc889
```
#ebc889 rgb(235,200,137)
```
#eed09a
```
#eed09a rgb(238,208,154)
```
#f1d8aa
```
#f1d8aa rgb(241,216,170)
```
#f4e0bb
```
#f4e0bb rgb(244,224,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 #d18906 is the most saturated one.

#6e6c69
```
#6e6c69 rgb(110,108,105)
```
#766f61
```
#766f61 rgb(118,111,97)
```
#7e7159
```
#7e7159 rgb(126,113,89)
```
#867351
```
#867351 rgb(134,115,81)
```
#8f7648
```
#8f7648 rgb(143,118,72)
```
#977840
```
#977840 rgb(151,120,64)
```
#9f7b38
```
#9f7b38 rgb(159,123,56)
```
#a77d30
```
#a77d30 rgb(167,125,48)
```
#b08027
```
#b08027 rgb(176,128,39)
```
#b8821f
```
#b8821f rgb(184,130,31)
```
#c08417
```
#c08417 rgb(192,132,23)
```
#c9870e
```
#c9870e rgb(201,135,14)
```
#d18906
```
#d18906 rgb(209,137,6)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#918672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3922d Protanopia 1% of men
#b58b29 Deuteranopia 1% of men
#c17f88 Tritanopia 0.001% of the population

Trichromacy

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

#b8821f hex color

#b8821f Color Information

#b8821f Color Conversion

Color Schemes with #b8821f

Alternatives to #b8821f

#b8821f Preview

Shades and Tints of #b8821f

Tones of #b8821f

Color Blindness Simulator