colorhexa.com

#b58316 hex color

In a RGB color space, hex #b58316 is composed of 71% red, 51.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 87.8% yellow and 29% black. It has a hue angle of 41.1 degrees, a saturation of 78.3% and a lightness of 39.8%. #b58316 color hex could be obtained by blending #ffff2c with #6b0700. Closest websafe color is: #cc9900.

- R 71
- G 51
- B 9
RGB color chart
- C 0
- M 28
- Y 88
- K 29
CMYK color chart

● #b58316 color description : Strong orange.

The hexadecimal color #b58316 has RGB values of R:181, G:131, B:22 and CMYK values of C:0, M:0.28, Y:0.88, K:0.29. Its decimal value is 11895574.

Hex triplet	b58316	`#b58316`
RGB Decimal	181, 131, 22	`rgb(181,131,22)`
RGB Percent	71, 51.4, 8.6	`rgb(71%,51.4%,8.6%)`
CMYK	0, 28, 88, 29
HSL	41.1°, 78.3, 39.8	`hsl(41.1,78.3%,39.8%)`
HSV (or HSB)	41.1°, 87.8, 71
Web Safe	cc9900	`#cc9900`

CIE-LAB	58.147, 10.37, 59.41
XYZ	27.318, 26.116, 4.361
xyY	0.473, 0.452, 26.116
CIE-LCH	58.147, 60.308, 80.099
CIE-LUV	58.147, 41.591, 57.123
Hunter-Lab	51.104, 5.987, 30.713
Binary	10110101, 10000011, 00010110

#b58316
```
#b58316 rgb(181,131,22)
```
#1648b5
```
#1648b5 rgb(22,72,181)
```

Complementary Color

#b53416
```
#b53416 rgb(181,52,22)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#98b516
```
#98b516 rgb(152,181,22)
```

Analogous Color

#3416b5
```
#3416b5 rgb(52,22,181)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#1698b5
```
#1698b5 rgb(22,152,181)
```

Split Complementary Color

#8316b5
```
#8316b5 rgb(131,22,181)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#16b583
```
#16b583 rgb(22,181,131)
```

Triadic Color

#b51648
```
#b51648 rgb(181,22,72)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#16b583
```
#16b583 rgb(22,181,131)
```
#1648b5
```
#1648b5 rgb(22,72,181)
```

Tetradic Color

#71520e
```
#71520e rgb(113,82,14)
```
#886210
```
#886210 rgb(136,98,16)
```
#9e7313
```
#9e7313 rgb(158,115,19)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#cc9319
```
#cc9319 rgb(204,147,25)
```
#e2a41c
```
#e2a41c rgb(226,164,28)
```
#e6ad31
```
#e6ad31 rgb(230,173,49)
```

Monochromatic Color

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

#b55b16
```
#b55b16 rgb(181,91,22)
```
#b56916
```
#b56916 rgb(181,105,22)
```
#b57616
```
#b57616 rgb(181,118,22)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#b59016
```
#b59016 rgb(181,144,22)
```
#b59e16
```
#b59e16 rgb(181,158,22)
```
#b5ab16
```
#b5ab16 rgb(181,171,22)
```

Similar Colors

Text with hexadecimal color #b58316

This text has a font color of #b58316.

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

#b58316 background color

This paragraph has a background color of #b58316.

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

#b58316 border color

This element has a border color of #b58316.

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

CSS codes

.text {color:#b58316;}

.background {background-color:#b58316;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#181103
```
#181103 rgb(24,17,3)
```
#291e05
```
#291e05 rgb(41,30,5)
```
#3b2a07
```
#3b2a07 rgb(59,42,7)
```
#4c3709
```
#4c3709 rgb(76,55,9)
```
#5e440b
```
#5e440b rgb(94,68,11)
```
#6f500d
```
#6f500d rgb(111,80,13)
```
#815d10
```
#815d10 rgb(129,93,16)
```
#926a12
```
#926a12 rgb(146,106,18)
```
#a47614
```
#a47614 rgb(164,118,20)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#c69018
```
#c69018 rgb(198,144,24)
```
#d89c1a
```
#d89c1a rgb(216,156,26)
```

Shade Color Variation

#e4a722
```
#e4a722 rgb(228,167,34)
```
#e6ae33
```
#e6ae33 rgb(230,174,51)
```
#e8b545
```
#e8b545 rgb(232,181,69)
```
#eabc56
```
#eabc56 rgb(234,188,86)
```
#edc368
```
#edc368 rgb(237,195,104)
```
#efca79
```
#efca79 rgb(239,202,121)
```
#f1d18b
```
#f1d18b rgb(241,209,139)
```
#f3d89c
```
#f3d89c rgb(243,216,156)
```
#f5dfae
```
#f5dfae rgb(245,223,174)
```
#f7e6bf
```
#f7e6bf rgb(247,230,191)
```
#f9edd1
```
#f9edd1 rgb(249,237,209)
```
#fbf4e2
```
#fbf4e2 rgb(251,244,226)
```
#fefaf4
```
#fefaf4 rgb(254,250,244)
```

Tint Color Variation

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

#676664
```
#676664 rgb(103,102,100)
```
#6f695c
```
#6f695c rgb(111,105,92)
```
#776c54
```
#776c54 rgb(119,108,84)
```
#7e6f4d
```
#7e6f4d rgb(126,111,77)
```
#867245
```
#867245 rgb(134,114,69)
```
#8e753d
```
#8e753d rgb(142,117,61)
```
#967735
```
#967735 rgb(150,119,53)
```
#9e7a2d
```
#9e7a2d rgb(158,122,45)
```
#a57d26
```
#a57d26 rgb(165,125,38)
```
#ad801e
```
#ad801e rgb(173,128,30)
```
#b58316
```
#b58316 rgb(181,131,22)
```
#bd860e
```
#bd860e rgb(189,134,14)
```
#c58906
```
#c58906 rgb(197,137,6)
```

Tone Color Variation

Below, you can see how #b58316 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
#8f8570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39224 Protanopia 1% of men
#b58a21 Deuteranopia 1% of men
#bf8089 Tritanopia 0.001% of the population

Trichromacy

#a98c1f Protanomaly 1% of men, 0.01% of women
#b5871d Deuteranomaly 6% of men, 0.4% of women
#bb815f Tritanomaly 0.01% of the population