#b7841f hex color

In a RGB color space, hex #b7841f is composed of 71.8% red, 51.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 83.1% yellow and 28.2% black. It has a hue angle of 39.9 degrees, a saturation of 71% and a lightness of 42%. #b7841f color hex could be obtained by blending #ffff3e with #6f0900. Closest websafe color is: #cc9933.

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

● #b7841f color description : Strong orange.

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

Hex triplet	b7841f	`#b7841f`
RGB Decimal	183, 132, 31	`rgb(183,132,31)`
RGB Percent	71.8, 51.8, 12.2	`rgb(71.8%,51.8%,12.2%)`
CMYK	0, 28, 83, 28
HSL	39.9°, 71, 42	`hsl(39.9,71%,42%)`
HSV (or HSB)	39.9°, 83.1, 71.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.668, 10.957, 57.271
XYZ	28.028, 26.67, 4.968
xyY	0.47, 0.447, 26.67
CIE-LCH	58.668, 58.31, 79.169
CIE-LUV	58.668, 42.129, 56.069
Hunter-Lab	51.643, 6.499, 30.447
Binary	10110111, 10000100, 00011111

#b7841f
```
#b7841f rgb(183,132,31)
```
#1f52b7
```
#1f52b7 rgb(31,82,183)
```

Complementary Color

#b7381f
```
#b7381f rgb(183,56,31)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#9eb71f
```
#9eb71f rgb(158,183,31)
```

Analogous Color

#381fb7
```
#381fb7 rgb(56,31,183)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#1f9eb7
```
#1f9eb7 rgb(31,158,183)
```

Split Complementary Color

#841fb7
```
#841fb7 rgb(132,31,183)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#1fb784
```
#1fb784 rgb(31,183,132)
```

Triadic Color

#b71f52
```
#b71f52 rgb(183,31,82)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#1fb784
```
#1fb784 rgb(31,183,132)
```
#1f52b7
```
#1f52b7 rgb(31,82,183)
```

Tetradic Color

#765514
```
#765514 rgb(118,85,20)
```
#8b6518
```
#8b6518 rgb(139,101,24)
```
#a1741b
```
#a1741b rgb(161,116,27)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#cd9423
```
#cd9423 rgb(205,148,35)
```
#dca12d
```
#dca12d rgb(220,161,45)
```
#dfab43
```
#dfab43 rgb(223,171,67)
```

Monochromatic Color

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

#b75e1f
```
#b75e1f rgb(183,94,31)
```
#b76b1f
```
#b76b1f rgb(183,107,31)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#b7911f
```
#b7911f rgb(183,145,31)
```
#b79d1f
```
#b79d1f rgb(183,157,31)
```
#b7aa1f
```
#b7aa1f rgb(183,170,31)
```

Similar Colors

Text with hexadecimal color #b7841f

This text has a font color of #b7841f.

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

#b7841f background color

This paragraph has a background color of #b7841f.

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

#b7841f border color

This element has a border color of #b7841f.

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

CSS codes

.text {color:#b7841f;}

.background {background-color:#b7841f;}

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

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)
```
#634811
```
#634811 rgb(99,72,17)
```
#745414
```
#745414 rgb(116,84,20)
```
#856016
```
#856016 rgb(133,96,22)
```
#956c19
```
#956c19 rgb(149,108,25)
```
#a6781c
```
#a6781c rgb(166,120,28)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#c89022
```
#c89022 rgb(200,144,34)
```
#d99c25
```
#d99c25 rgb(217,156,37)
```

Shade Color Variation

#dda434
```
#dda434 rgb(221,164,52)
```
#dfac45
```
#dfac45 rgb(223,172,69)
```
#e2b356
```
#e2b356 rgb(226,179,86)
```
#e5bb67
```
#e5bb67 rgb(229,187,103)
```
#e8c277
```
#e8c277 rgb(232,194,119)
```
#ebca88
```
#ebca88 rgb(235,202,136)
```
#eed199
```
#eed199 rgb(238,209,153)
```
#f1d9aa
```
#f1d9aa rgb(241,217,170)
```
#f3e0ba
```
#f3e0ba rgb(243,224,186)
```
#f6e8cb
```
#f6e8cb rgb(246,232,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 #d08c06 is the most saturated one.

#6d6c69
```
#6d6c69 rgb(109,108,105)
```
#756e61
```
#756e61 rgb(117,110,97)
```
#7d7159
```
#7d7159 rgb(125,113,89)
```
#867450
```
#867450 rgb(134,116,80)
```
#8e7648
```
#8e7648 rgb(142,118,72)
```
#967940
```
#967940 rgb(150,121,64)
```
#9e7c38
```
#9e7c38 rgb(158,124,56)
```
#a77f2f
```
#a77f2f rgb(167,127,47)
```
#af8127
```
#af8127 rgb(175,129,39)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#bf8717
```
#bf8717 rgb(191,135,23)
```
#c7890f
```
#c7890f rgb(199,137,15)
```
#d08c06
```
#d08c06 rgb(208,140,6)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#918773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932c Protanopia 1% of men
#b78c29 Deuteranopia 1% of men
#c0818a Tritanopia 0.001% of the population

Trichromacy

#ab8d27 Protanomaly 1% of men, 0.01% of women
#b78925 Deuteranomaly 6% of men, 0.4% of women
#bd8263 Tritanomaly 0.01% of the population

#b7841f hex color

#b7841f Color Information

#b7841f Color Conversion

Color Schemes with #b7841f

Alternatives to #b7841f

#b7841f Preview

Shades and Tints of #b7841f

Tones of #b7841f

Color Blindness Simulator