#b34316 hex color

In a RGB color space, hex #b34316 is composed of 70.2% red, 26.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.6% magenta, 87.7% yellow and 29.8% black. It has a hue angle of 17.2 degrees, a saturation of 78.1% and a lightness of 39.4%. #b34316 color hex could be obtained by blending #ff862c with #670000. Closest websafe color is: #cc3300.

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

● #b34316 color description : Strong orange.

The hexadecimal color #b34316 has RGB values of R:179, G:67, B:22 and CMYK values of C:0, M:0.63, Y:0.88, K:0.3. Its decimal value is 11748118.

Hex triplet	b34316	`#b34316`
RGB Decimal	179, 67, 22	`rgb(179,67,22)`
RGB Percent	70.2, 26.3, 8.6	`rgb(70.2%,26.3%,8.6%)`
CMYK	0, 63, 88, 30
HSL	17.2°, 78.1, 39.4	`hsl(17.2,78.1%,39.4%)`
HSV (or HSB)	17.2°, 87.7, 70.2
Web Safe	cc3300	`#cc3300`

CIE-LAB	43.739, 43.54, 47.687
XYZ	20.743, 13.658, 2.303
xyY	0.565, 0.372, 13.658
CIE-LCH	43.739, 64.574, 47.603
CIE-LUV	43.739, 90.405, 34.293
Hunter-Lab	36.957, 35.514, 22.175
Binary	10110011, 01000011, 00010110

#b34316
```
#b34316 rgb(179,67,22)
```
#1686b3
```
#1686b3 rgb(22,134,179)
```

Complementary Color

#b31638
```
#b31638 rgb(179,22,56)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#b39216
```
#b39216 rgb(179,146,22)
```

Analogous Color

#1638b3
```
#1638b3 rgb(22,56,179)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#16b392
```
#16b392 rgb(22,179,146)
```

Split Complementary Color

#4316b3
```
#4316b3 rgb(67,22,179)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#16b343
```
#16b343 rgb(22,179,67)
```

Triadic Color

#b31686
```
#b31686 rgb(179,22,134)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#16b343
```
#16b343 rgb(22,179,67)
```
#1686b3
```
#1686b3 rgb(22,134,179)
```

Tetradic Color

#6f290e
```
#6f290e rgb(111,41,14)
```
#863210
```
#863210 rgb(134,50,16)
```
#9c3a13
```
#9c3a13 rgb(156,58,19)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#ca4b19
```
#ca4b19 rgb(202,75,25)
```
#e0541c
```
#e0541c rgb(224,84,28)
```
#e66430
```
#e66430 rgb(230,100,48)
```

Monochromatic Color

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

#b31c16
```
#b31c16 rgb(179,28,22)
```
#b32916
```
#b32916 rgb(179,41,22)
```
#b33616
```
#b33616 rgb(179,54,22)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#b35016
```
#b35016 rgb(179,80,22)
```
#b35d16
```
#b35d16 rgb(179,93,22)
```
#b36a16
```
#b36a16 rgb(179,106,22)
```

Similar Colors

Text with hexadecimal color #b34316

This text has a font color of #b34316.

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

#b34316 background color

This paragraph has a background color of #b34316.

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

#b34316 border color

This element has a border color of #b34316.

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

CSS codes

.text {color:#b34316;}

.background {background-color:#b34316;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#160803
```
#160803 rgb(22,8,3)
```
#270f05
```
#270f05 rgb(39,15,5)
```
#391507
```
#391507 rgb(57,21,7)
```
#4a1c09
```
#4a1c09 rgb(74,28,9)
```
#5c220b
```
#5c220b rgb(92,34,11)
```
#6d290d
```
#6d290d rgb(109,41,13)
```
#7f2f10
```
#7f2f10 rgb(127,47,16)
```
#903612
```
#903612 rgb(144,54,18)
```
#a23c14
```
#a23c14 rgb(162,60,20)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#c44a18
```
#c44a18 rgb(196,74,24)
```
#d6501a
```
#d6501a rgb(214,80,26)
```

Shade Color Variation

#e45820
```
#e45820 rgb(228,88,32)
```
#e66532
```
#e66532 rgb(230,101,50)
```
#e87243
```
#e87243 rgb(232,114,67)
```
#ea7f55
```
#ea7f55 rgb(234,127,85)
```
#ec8d66
```
#ec8d66 rgb(236,141,102)
```
#ee9a78
```
#ee9a78 rgb(238,154,120)
```
#f1a789
```
#f1a789 rgb(241,167,137)
```
#f3b49b
```
#f3b49b rgb(243,180,155)
```
#f5c1ac
```
#f5c1ac rgb(245,193,172)
```
#f7cebd
```
#f7cebd rgb(247,206,189)
```
#f9dbcf
```
#f9dbcf rgb(249,219,207)
```
#fbe8e0
```
#fbe8e0 rgb(251,232,224)
```
#fdf5f2
```
#fdf5f2 rgb(253,245,242)
```

Tint Color Variation

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

#666463
```
#666463 rgb(102,100,99)
```
#6d615c
```
#6d615c rgb(109,97,92)
```
#755d54
```
#755d54 rgb(117,93,84)
```
#7d5a4c
```
#7d5a4c rgb(125,90,76)
```
#855744
```
#855744 rgb(133,87,68)
```
#8c533d
```
#8c533d rgb(140,83,61)
```
#945035
```
#945035 rgb(148,80,53)
```
#9c4d2d
```
#9c4d2d rgb(156,77,45)
```
#a44a25
```
#a44a25 rgb(164,74,37)
```
#ab461e
```
#ab461e rgb(171,70,30)
```
#b34316
```
#b34316 rgb(179,67,22)
```
#bb400e
```
#bb400e rgb(187,64,14)
```
#c23c07
```
#c23c07 rgb(194,60,7)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#705950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6f2a Protanopia 1% of men
#8b6912 Deuteranopia 1% of men
#b8484c Tritanopia 0.001% of the population

Trichromacy

#8f5f23 Protanomaly 1% of men, 0.01% of women
#995b13 Deuteranomaly 6% of men, 0.4% of women
#b64638 Tritanomaly 0.01% of the population

#b34316 hex color

#b34316 Color Information

#b34316 Color Conversion

Color Schemes with #b34316

Alternatives to #b34316

#b34316 Preview

Shades and Tints of #b34316

Tones of #b34316

Color Blindness Simulator