#b67316 hex color

In a RGB color space, hex #b67316 is composed of 71.4% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.8% magenta, 87.9% yellow and 28.6% black. It has a hue angle of 34.9 degrees, a saturation of 78.4% and a lightness of 40%. #b67316 color hex could be obtained by blending #ffe62c with #6d0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 71
- G 45
- B 9
RGB color chart
- C 0
- M 37
- Y 88
- K 29
CMYK color chart

● #b67316 color description : Strong orange.

The hexadecimal color #b67316 has RGB values of R:182, G:115, B:22 and CMYK values of C:0, M:0.37, Y:0.88, K:0.29. Its decimal value is 11957014.

Hex triplet	b67316	`#b67316`
RGB Decimal	182, 115, 22	`rgb(182,115,22)`
RGB Percent	71.4, 45.1, 8.6	`rgb(71.4%,45.1%,8.6%)`
CMYK	0, 37, 88, 29
HSL	34.9°, 78.4, 40	`hsl(34.9,78.4%,40%)`
HSV (or HSB)	34.9°, 87.9, 71.4
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.308, 19.712, 56.381
XYZ	25.568, 22.266, 3.71
xyY	0.496, 0.432, 22.266
CIE-LCH	54.308, 59.727, 70.729
CIE-LUV	54.308, 55.104, 51.019
Hunter-Lab	47.187, 14.14, 28.369
Binary	10110110, 01110011, 00010110

#b67316
```
#b67316 rgb(182,115,22)
```
#1659b6
```
#1659b6 rgb(22,89,182)
```

Complementary Color

#b62316
```
#b62316 rgb(182,35,22)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#a9b616
```
#a9b616 rgb(169,182,22)
```

Analogous Color

#2316b6
```
#2316b6 rgb(35,22,182)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#16a9b6
```
#16a9b6 rgb(22,169,182)
```

Split Complementary Color

#7316b6
```
#7316b6 rgb(115,22,182)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#16b673
```
#16b673 rgb(22,182,115)
```

Triadic Color

#b61659
```
#b61659 rgb(182,22,89)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#16b673
```
#16b673 rgb(22,182,115)
```
#1659b6
```
#1659b6 rgb(22,89,182)
```

Tetradic Color

#72480e
```
#72480e rgb(114,72,14)
```
#895611
```
#895611 rgb(137,86,17)
```
#9f6513
```
#9f6513 rgb(159,101,19)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#cd8119
```
#cd8119 rgb(205,129,25)
```
#e4901c
```
#e4901c rgb(228,144,28)
```
#e69b32
```
#e69b32 rgb(230,155,50)
```

Monochromatic Color

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

#b64b16
```
#b64b16 rgb(182,75,22)
```
#b65816
```
#b65816 rgb(182,88,22)
```
#b66616
```
#b66616 rgb(182,102,22)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#b68016
```
#b68016 rgb(182,128,22)
```
#b68e16
```
#b68e16 rgb(182,142,22)
```
#b69b16
```
#b69b16 rgb(182,155,22)
```

Similar Colors

Text with hexadecimal color #b67316

This text has a font color of #b67316.

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

#b67316 background color

This paragraph has a background color of #b67316.

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

#b67316 border color

This element has a border color of #b67316.

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

CSS codes

.text {color:#b67316;}

.background {background-color:#b67316;}

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

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, #070401 is the darkest color, while #fefaf5 is the lightest one.

#070401
```
#070401 rgb(7,4,1)
```
#190f03
```
#190f03 rgb(25,15,3)
```
#2a1b05
```
#2a1b05 rgb(42,27,5)
```
#3c2607
```
#3c2607 rgb(60,38,7)
```
#4d3109
```
#4d3109 rgb(77,49,9)
```
#5f3c0b
```
#5f3c0b rgb(95,60,11)
```
#70470e
```
#70470e rgb(112,71,14)
```
#825210
```
#825210 rgb(130,82,16)
```
#935d12
```
#935d12 rgb(147,93,18)
```
#a56814
```
#a56814 rgb(165,104,20)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#c87e18
```
#c87e18 rgb(200,126,24)
```
#d9891a
```
#d9891a rgb(217,137,26)
```

Shade Color Variation

#e49323
```
#e49323 rgb(228,147,35)
```
#e69c34
```
#e69c34 rgb(230,156,52)
```
#e9a446
```
#e9a446 rgb(233,164,70)
```
#ebad57
```
#ebad57 rgb(235,173,87)
```
#edb569
```
#edb569 rgb(237,181,105)
```
#efbe7a
```
#efbe7a rgb(239,190,122)
```
#f1c78c
```
#f1c78c rgb(241,199,140)
```
#f3cf9d
```
#f3cf9d rgb(243,207,157)
```
#f5d8af
```
#f5d8af rgb(245,216,175)
```
#f7e0c0
```
#f7e0c0 rgb(247,224,192)
```
#fae9d2
```
#fae9d2 rgb(250,233,210)
```
#fcf1e3
```
#fcf1e3 rgb(252,241,227)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#686664
```
#686664 rgb(104,102,100)
```
#6f685d
```
#6f685d rgb(111,104,93)
```
#776955
```
#776955 rgb(119,105,85)
```
#7f6a4d
```
#7f6a4d rgb(127,106,77)
```
#876b45
```
#876b45 rgb(135,107,69)
```
#8f6d3d
```
#8f6d3d rgb(143,109,61)
```
#976e35
```
#976e35 rgb(151,110,53)
```
#9e6f2e
```
#9e6f2e rgb(158,111,46)
```
#a67026
```
#a67026 rgb(166,112,38)
```
#ae721e
```
#ae721e rgb(174,114,30)
```
#b67316
```
#b67316 rgb(182,115,22)
```
#be740e
```
#be740e rgb(190,116,14)
```
#c67606
```
#c67606 rgb(198,118,6)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#887a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988825 Protanopia 1% of men
#aa811d Deuteranopia 1% of men
#be727a Tritanopia 0.001% of the population

Trichromacy

#a38020 Protanomaly 1% of men, 0.01% of women
#ae7c1a Deuteranomaly 6% of men, 0.4% of women
#bb7255 Tritanomaly 0.01% of the population

#b67316 hex color

#b67316 Color Information

#b67316 Color Conversion

Color Schemes with #b67316

Alternatives to #b67316

#b67316 Preview

Shades and Tints of #b67316

Tones of #b67316

Color Blindness Simulator