#b77316 hex color

In a RGB color space, hex #b77316 is composed of 71.8% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.2% magenta, 88% yellow and 28.2% black. It has a hue angle of 34.7 degrees, a saturation of 78.5% and a lightness of 40.2%. #b77316 color hex could be obtained by blending #ffe62c with #6f0000. Closest websafe color is: #cc6600.

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

● #b77316 color description : Strong orange.

The hexadecimal color #b77316 has RGB values of R:183, G:115, B:22 and CMYK values of C:0, M:0.37, Y:0.88, K:0.28. Its decimal value is 12022550.

Hex triplet	b77316	`#b77316`
RGB Decimal	183, 115, 22	`rgb(183,115,22)`
RGB Percent	71.8, 45.1, 8.6	`rgb(71.8%,45.1%,8.6%)`
CMYK	0, 37, 88, 28
HSL	34.7°, 78.5, 40.2	`hsl(34.7,78.5%,40.2%)`
HSV (or HSB)	34.7°, 88, 71.8
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.437, 20.153, 56.537
XYZ	25.805, 22.389, 3.721
xyY	0.497, 0.431, 22.389
CIE-LCH	54.437, 60.022, 70.381
CIE-LUV	54.437, 55.933, 51.069
Hunter-Lab	47.317, 14.543, 28.458
Binary	10110111, 01110011, 00010110

#b77316
```
#b77316 rgb(183,115,22)
```
#165ab7
```
#165ab7 rgb(22,90,183)
```

Complementary Color

#b72316
```
#b72316 rgb(183,35,22)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#abb716
```
#abb716 rgb(171,183,22)
```

Analogous Color

#2316b7
```
#2316b7 rgb(35,22,183)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#16abb7
```
#16abb7 rgb(22,171,183)
```

Split Complementary Color

#7316b7
```
#7316b7 rgb(115,22,183)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#16b773
```
#16b773 rgb(22,183,115)
```

Triadic Color

#b7165a
```
#b7165a rgb(183,22,90)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#16b773
```
#16b773 rgb(22,183,115)
```
#165ab7
```
#165ab7 rgb(22,90,183)
```

Tetradic Color

#73480e
```
#73480e rgb(115,72,14)
```
#895611
```
#895611 rgb(137,86,17)
```
#a06513
```
#a06513 rgb(160,101,19)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#ce8119
```
#ce8119 rgb(206,129,25)
```
#e48f1c
```
#e48f1c rgb(228,143,28)
```
#e69b33
```
#e69b33 rgb(230,155,51)
```

Monochromatic Color

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

#b74b16
```
#b74b16 rgb(183,75,22)
```
#b75816
```
#b75816 rgb(183,88,22)
```
#b76616
```
#b76616 rgb(183,102,22)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#b78016
```
#b78016 rgb(183,128,22)
```
#b78e16
```
#b78e16 rgb(183,142,22)
```
#b79b16
```
#b79b16 rgb(183,155,22)
```

Similar Colors

Text with hexadecimal color #b77316

This text has a font color of #b77316.

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

#b77316 background color

This paragraph has a background color of #b77316.

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

#b77316 border color

This element has a border color of #b77316.

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

CSS codes

.text {color:#b77316;}

.background {background-color:#b77316;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#191003
```
#191003 rgb(25,16,3)
```
#2b1b05
```
#2b1b05 rgb(43,27,5)
```
#3c2607
```
#3c2607 rgb(60,38,7)
```
#4e3109
```
#4e3109 rgb(78,49,9)
```
#5f3c0b
```
#5f3c0b rgb(95,60,11)
```
#71470e
```
#71470e rgb(113,71,14)
```
#825210
```
#825210 rgb(130,82,16)
```
#945d12
```
#945d12 rgb(148,93,18)
```
#a56814
```
#a56814 rgb(165,104,20)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#c97e18
```
#c97e18 rgb(201,126,24)
```
#da891a
```
#da891a rgb(218,137,26)
```

Shade Color Variation

#e59323
```
#e59323 rgb(229,147,35)
```
#e79c35
```
#e79c35 rgb(231,156,53)
```
#e9a446
```
#e9a446 rgb(233,164,70)
```
#ebad58
```
#ebad58 rgb(235,173,88)
```
#edb569
```
#edb569 rgb(237,181,105)
```
#efbe7b
```
#efbe7b rgb(239,190,123)
```
#f1c78c
```
#f1c78c rgb(241,199,140)
```
#f3cf9e
```
#f3cf9e rgb(243,207,158)
```
#f5d8af
```
#f5d8af rgb(245,216,175)
```
#f8e0c1
```
#f8e0c1 rgb(248,224,193)
```
#fae9d2
```
#fae9d2 rgb(250,233,210)
```
#fcf2e4
```
#fcf2e4 rgb(252,242,228)
```
#fefaf5
```
#fefaf5 rgb(254,250,245)
```

Tint Color Variation

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

#686765
```
#686765 rgb(104,103,101)
```
#70685d
```
#70685d rgb(112,104,93)
```
#786955
```
#786955 rgb(120,105,85)
```
#806a4d
```
#806a4d rgb(128,106,77)
```
#886c45
```
#886c45 rgb(136,108,69)
```
#906d3d
```
#906d3d rgb(144,109,61)
```
#976e36
```
#976e36 rgb(151,110,54)
```
#9f6f2e
```
#9f6f2e rgb(159,111,46)
```
#a77126
```
#a77126 rgb(167,113,38)
```
#af721e
```
#af721e rgb(175,114,30)
```
#b77316
```
#b77316 rgb(183,115,22)
```
#bf740e
```
#bf740e rgb(191,116,14)
```
#c77506
```
#c77506 rgb(199,117,6)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988825 Protanopia 1% of men
#aa821c Deuteranopia 1% of men
#bf727a Tritanopia 0.001% of the population

Trichromacy

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

#b77316 hex color

#b77316 Color Information

#b77316 Color Conversion

Color Schemes with #b77316

Alternatives to #b77316

#b77316 Preview

Shades and Tints of #b77316

Tones of #b77316

Color Blindness Simulator