#b27316 hex color

In a RGB color space, hex #b27316 is composed of 69.8% red, 45.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 87.6% yellow and 30.2% black. It has a hue angle of 35.8 degrees, a saturation of 78% and a lightness of 39.2%. #b27316 color hex could be obtained by blending #ffe62c with #650000. Closest websafe color is: #996600.

♥
- f
- t
- g
- R 70
- G 45
- B 9
RGB color chart
- C 0
- M 35
- Y 88
- K 30
CMYK color chart

● #b27316 color description : Dark orange [Brown tone].

The hexadecimal color #b27316 has RGB values of R:178, G:115, B:22 and CMYK values of C:0, M:0.35, Y:0.88, K:0.3. Its decimal value is 11694870.

Hex triplet	b27316	`#b27316`
RGB Decimal	178, 115, 22	`rgb(178,115,22)`
RGB Percent	69.8, 45.1, 8.6	`rgb(69.8%,45.1%,8.6%)`
CMYK	0, 35, 88, 30
HSL	35.8°, 78, 39.2	`hsl(35.8,78%,39.2%)`
HSV (or HSB)	35.8°, 87.6, 69.8
Web Safe	996600	`#996600`

CIE-LAB	53.799, 17.939, 55.758
XYZ	24.636, 21.786, 3.667
xyY	0.492, 0.435, 21.786
CIE-LCH	53.799, 58.573, 72.166
CIE-LUV	53.799, 51.799, 50.823
Hunter-Lab	46.676, 12.534, 28.015
Binary	10110010, 01110011, 00010110

#b27316
```
#b27316 rgb(178,115,22)
```
#1655b2
```
#1655b2 rgb(22,85,178)
```

Complementary Color

#b22516
```
#b22516 rgb(178,37,22)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#a3b216
```
#a3b216 rgb(163,178,22)
```

Analogous Color

#2516b2
```
#2516b2 rgb(37,22,178)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#16a3b2
```
#16a3b2 rgb(22,163,178)
```

Split Complementary Color

#7316b2
```
#7316b2 rgb(115,22,178)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#16b273
```
#16b273 rgb(22,178,115)
```

Triadic Color

#b21655
```
#b21655 rgb(178,22,85)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#16b273
```
#16b273 rgb(22,178,115)
```
#1655b2
```
#1655b2 rgb(22,85,178)
```

Tetradic Color

#6e470e
```
#6e470e rgb(110,71,14)
```
#855610
```
#855610 rgb(133,86,16)
```
#9b6413
```
#9b6413 rgb(155,100,19)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#c98219
```
#c98219 rgb(201,130,25)
```
#df901c
```
#df901c rgb(223,144,28)
```
#e59c2f
```
#e59c2f rgb(229,156,47)
```

Monochromatic Color

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

#b24c16
```
#b24c16 rgb(178,76,22)
```
#b25916
```
#b25916 rgb(178,89,22)
```
#b26616
```
#b26616 rgb(178,102,22)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#b28016
```
#b28016 rgb(178,128,22)
```
#b28d16
```
#b28d16 rgb(178,141,22)
```
#b29a16
```
#b29a16 rgb(178,154,22)
```

Similar Colors

Text with hexadecimal color #b27316

This text has a font color of #b27316.

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

#b27316 background color

This paragraph has a background color of #b27316.

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

#b27316 border color

This element has a border color of #b27316.

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

CSS codes

.text {color:#b27316;}

.background {background-color:#b27316;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150d03
```
#150d03 rgb(21,13,3)
```
#261905
```
#261905 rgb(38,25,5)
```
#382407
```
#382407 rgb(56,36,7)
```
#492f09
```
#492f09 rgb(73,47,9)
```
#5b3b0b
```
#5b3b0b rgb(91,59,11)
```
#6c460d
```
#6c460d rgb(108,70,13)
```
#7e5110
```
#7e5110 rgb(126,81,16)
```
#8f5c12
```
#8f5c12 rgb(143,92,18)
```
#a16814
```
#a16814 rgb(161,104,20)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#c37e18
```
#c37e18 rgb(195,126,24)
```
#d58a1a
```
#d58a1a rgb(213,138,26)
```

Shade Color Variation

#e3941f
```
#e3941f rgb(227,148,31)
```
#e69d31
```
#e69d31 rgb(230,157,49)
```
#e8a542
```
#e8a542 rgb(232,165,66)
```
#eaad54
```
#eaad54 rgb(234,173,84)
```
#ecb665
```
#ecb665 rgb(236,182,101)
```
#eebe77
```
#eebe77 rgb(238,190,119)
```
#f0c688
```
#f0c688 rgb(240,198,136)
```
#f2cf9a
```
#f2cf9a rgb(242,207,154)
```
#f5d7ab
```
#f5d7ab rgb(245,215,171)
```
#f7dfbd
```
#f7dfbd rgb(247,223,189)
```
#f9e8ce
```
#f9e8ce rgb(249,232,206)
```
#fbf0e0
```
#fbf0e0 rgb(251,240,224)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,241)
```

Tint Color Variation

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

#656463
```
#656463 rgb(101,100,99)
```
#6d665b
```
#6d665b rgb(109,102,91)
```
#746754
```
#746754 rgb(116,103,84)
```
#7c694c
```
#7c694c rgb(124,105,76)
```
#846a44
```
#846a44 rgb(132,106,68)
```
#8c6c3c
```
#8c6c3c rgb(140,108,60)
```
#936d35
```
#936d35 rgb(147,109,53)
```
#9b6f2d
```
#9b6f2d rgb(155,111,45)
```
#a37025
```
#a37025 rgb(163,112,37)
```
#aa721e
```
#aa721e rgb(170,114,30)
```
#b27316
```
#b27316 rgb(178,115,22)
```
#ba740e
```
#ba740e rgb(186,116,14)
```
#c17607
```
#c17607 rgb(193,118,7)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#867967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978725 Protanopia 1% of men
#a8801d Deuteranopia 1% of men
#ba727a Tritanopia 0.001% of the population

Trichromacy

#a07f1f Protanomaly 1% of men, 0.01% of women
#ac7b1b Deuteranomaly 6% of men, 0.4% of women
#b77255 Tritanomaly 0.01% of the population

#b27316 hex color

#b27316 Color Information

#b27316 Color Conversion

Color Schemes with #b27316

Alternatives to #b27316

#b27316 Preview

Shades and Tints of #b27316

Tones of #b27316

Color Blindness Simulator