#b7821f hex color

In a RGB color space, hex #b7821f is composed of 71.8% red, 51% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 83.1% yellow and 28.2% black. It has a hue angle of 39.1 degrees, a saturation of 71% and a lightness of 42%. #b7821f color hex could be obtained by blending #ffff3e with #6f0500. 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

● #b7821f color description : Strong orange.

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

Hex triplet	b7821f	`#b7821f`
RGB Decimal	183, 130, 31	`rgb(183,130,31)`
RGB Percent	71.8, 51, 12.2	`rgb(71.8%,51%,12.2%)`
CMYK	0, 29, 83, 28
HSL	39.1°, 71, 42	`hsl(39.1,71%,42%)`
HSV (or HSB)	39.1°, 83.1, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.163, 12.066, 56.833
XYZ	27.759, 26.133, 4.878
xyY	0.472, 0.445, 26.133
CIE-LCH	58.163, 58.1, 78.013
CIE-LUV	58.163, 43.683, 55.278
Hunter-Lab	51.121, 7.466, 30.126
Binary	10110111, 10000010, 00011111

#b7821f
```
#b7821f rgb(183,130,31)
```
#1f54b7
```
#1f54b7 rgb(31,84,183)
```

Complementary Color

#b7361f
```
#b7361f rgb(183,54,31)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#a0b71f
```
#a0b71f rgb(160,183,31)
```

Analogous Color

#361fb7
```
#361fb7 rgb(54,31,183)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#1fa0b7
```
#1fa0b7 rgb(31,160,183)
```

Split Complementary Color

#821fb7
```
#821fb7 rgb(130,31,183)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#1fb782
```
#1fb782 rgb(31,183,130)
```

Triadic Color

#b71f54
```
#b71f54 rgb(183,31,84)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#1fb782
```
#1fb782 rgb(31,183,130)
```
#1f54b7
```
#1f54b7 rgb(31,84,183)
```

Tetradic Color

#765414
```
#765414 rgb(118,84,20)
```
#8b6318
```
#8b6318 rgb(139,99,24)
```
#a1731b
```
#a1731b rgb(161,115,27)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#cd9123
```
#cd9123 rgb(205,145,35)
```
#dc9f2d
```
#dc9f2d rgb(220,159,45)
```
#dfa943
```
#dfa943 rgb(223,169,67)
```

Monochromatic Color

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

#b75c1f
```
#b75c1f rgb(183,92,31)
```
#b7691f
```
#b7691f rgb(183,105,31)
```
#b7751f
```
#b7751f rgb(183,117,31)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#b78f1f
```
#b78f1f rgb(183,143,31)
```
#b79b1f
```
#b79b1f rgb(183,155,31)
```
#b7a81f
```
#b7a81f rgb(183,168,31)
```

Similar Colors

Text with hexadecimal color #b7821f

This text has a font color of #b7821f.

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

#b7821f background color

This paragraph has a background color of #b7821f.

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

#b7821f border color

This element has a border color of #b7821f.

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

CSS codes

.text {color:#b7821f;}

.background {background-color:#b7821f;}

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

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, #0f0b03 is the darkest color, while #fffefd is the lightest one.

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#201705
```
#201705 rgb(32,23,5)
```
#312308
```
#312308 rgb(49,35,8)
```
#422f0b
```
#422f0b rgb(66,47,11)
```
#523b0e
```
#523b0e rgb(82,59,14)
```
#634611
```
#634611 rgb(99,70,17)
```
#745214
```
#745214 rgb(116,82,20)
```
#855e16
```
#855e16 rgb(133,94,22)
```
#956a19
```
#956a19 rgb(149,106,25)
```
#a6761c
```
#a6761c rgb(166,118,28)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#c88e22
```
#c88e22 rgb(200,142,34)
```
#d99a25
```
#d99a25 rgb(217,154,37)
```

Shade Color Variation

#dda234
```
#dda234 rgb(221,162,52)
```
#dfaa45
```
#dfaa45 rgb(223,170,69)
```
#e2b156
```
#e2b156 rgb(226,177,86)
```
#e5b967
```
#e5b967 rgb(229,185,103)
```
#e8c177
```
#e8c177 rgb(232,193,119)
```
#ebc888
```
#ebc888 rgb(235,200,136)
```
#eed099
```
#eed099 rgb(238,208,153)
```
#f1d8aa
```
#f1d8aa rgb(241,216,170)
```
#f3e0ba
```
#f3e0ba rgb(243,224,186)
```
#f6e7cb
```
#f6e7cb rgb(246,231,203)
```
#f9efdc
```
#f9efdc rgb(249,239,220)
```
#fcf7ed
```
#fcf7ed rgb(252,247,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6d6c69
```
#6d6c69 rgb(109,108,105)
```
#756e61
```
#756e61 rgb(117,110,97)
```
#7d7159
```
#7d7159 rgb(125,113,89)
```
#867350
```
#867350 rgb(134,115,80)
```
#8e7648
```
#8e7648 rgb(142,118,72)
```
#967840
```
#967840 rgb(150,120,64)
```
#9e7b38
```
#9e7b38 rgb(158,123,56)
```
#a77d2f
```
#a77d2f rgb(167,125,47)
```
#af8027
```
#af8027 rgb(175,128,39)
```
#b7821f
```
#b7821f rgb(183,130,31)
```
#bf8417
```
#bf8417 rgb(191,132,23)
```
#c7870f
```
#c7870f rgb(199,135,15)
```
#d08906
```
#d08906 rgb(208,137,6)
```

Tone Color Variation

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

#a2922d Protanopia 1% of men
#b58a29 Deuteranopia 1% of men
#c07f88 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
#bd8062 Tritanomaly 0.01% of the population

#b7821f hex color

#b7821f Color Information

#b7821f Color Conversion

Color Schemes with #b7821f

Alternatives to #b7821f

#b7821f Preview

Shades and Tints of #b7821f

Tones of #b7821f

Color Blindness Simulator