#b67314 hex color

In a RGB color space, hex #b67314 is composed of 71.4% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.8% magenta, 89% yellow and 28.6% black. It has a hue angle of 35.2 degrees, a saturation of 80.2% and a lightness of 39.6%. #b67314 color hex could be obtained by blending #ffe628 with #6d0000. Closest websafe color is: #cc6600.

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

● #b67314 color description : Strong orange.

The hexadecimal color #b67314 has RGB values of R:182, G:115, B:20 and CMYK values of C:0, M:0.37, Y:0.89, K:0.29. Its decimal value is 11957012.

Hex triplet	b67314	`#b67314`
RGB Decimal	182, 115, 20	`rgb(182,115,20)`
RGB Percent	71.4, 45.1, 7.8	`rgb(71.4%,45.1%,7.8%)`
CMYK	0, 37, 89, 29
HSL	35.2°, 80.2, 39.6	`hsl(35.2,80.2%,39.6%)`
HSV (or HSB)	35.2°, 89, 71.4
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.301, 19.668, 56.941
XYZ	25.549, 22.259, 3.613
xyY	0.497, 0.433, 22.259
CIE-LCH	54.301, 60.242, 70.945
CIE-LUV	54.301, 55.177, 51.32
Hunter-Lab	47.179, 14.1, 28.486
Binary	10110110, 01110011, 00010100

#b67314
```
#b67314 rgb(182,115,20)
```
#1457b6
```
#1457b6 rgb(20,87,182)
```

Complementary Color

#b62214
```
#b62214 rgb(182,34,20)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#a8b614
```
#a8b614 rgb(168,182,20)
```

Analogous Color

#2214b6
```
#2214b6 rgb(34,20,182)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#14a8b6
```
#14a8b6 rgb(20,168,182)
```

Split Complementary Color

#7314b6
```
#7314b6 rgb(115,20,182)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#14b673
```
#14b673 rgb(20,182,115)
```

Triadic Color

#b61457
```
#b61457 rgb(182,20,87)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#14b673
```
#14b673 rgb(20,182,115)
```
#1457b6
```
#1457b6 rgb(20,87,182)
```

Tetradic Color

#71470c
```
#71470c rgb(113,71,12)
```
#88560f
```
#88560f rgb(136,86,15)
```
#9f6411
```
#9f6411 rgb(159,100,17)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#cd8217
```
#cd8217 rgb(205,130,23)
```
#e49019
```
#e49019 rgb(228,144,25)
```
#e89b2e
```
#e89b2e rgb(232,155,46)
```

Monochromatic Color

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

#b64b14
```
#b64b14 rgb(182,75,20)
```
#b65814
```
#b65814 rgb(182,88,20)
```
#b66614
```
#b66614 rgb(182,102,20)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#b68114
```
#b68114 rgb(182,129,20)
```
#b68e14
```
#b68e14 rgb(182,142,20)
```
#b69c14
```
#b69c14 rgb(182,156,20)
```

Similar Colors

Text with hexadecimal color #b67314

This text has a font color of #b67314.

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

#b67314 background color

This paragraph has a background color of #b67314.

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

#b67314 border color

This element has a border color of #b67314.

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

CSS codes

.text {color:#b67314;}

.background {background-color:#b67314;}

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

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

#050301
```
#050301 rgb(5,3,1)
```
#170e03
```
#170e03 rgb(23,14,3)
```
#291a04
```
#291a04 rgb(41,26,4)
```
#3a2506
```
#3a2506 rgb(58,37,6)
```
#4c3008
```
#4c3008 rgb(76,48,8)
```
#5e3b0a
```
#5e3b0a rgb(94,59,10)
```
#6f460c
```
#6f460c rgb(111,70,12)
```
#81510e
```
#81510e rgb(129,81,14)
```
#935d10
```
#935d10 rgb(147,93,16)
```
#a46812
```
#a46812 rgb(164,104,18)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#c87e16
```
#c87e16 rgb(200,126,22)
```
#d98918
```
#d98918 rgb(217,137,24)
```

Shade Color Variation

#e6941f
```
#e6941f rgb(230,148,31)
```
#e89c30
```
#e89c30 rgb(232,156,48)
```
#eaa542
```
#eaa542 rgb(234,165,66)
```
#ecad54
```
#ecad54 rgb(236,173,84)
```
#eeb565
```
#eeb565 rgb(238,181,101)
```
#f0be77
```
#f0be77 rgb(240,190,119)
```
#f2c689
```
#f2c689 rgb(242,198,137)
```
#f4cf9a
```
#f4cf9a rgb(244,207,154)
```
#f6d7ac
```
#f6d7ac rgb(246,215,172)
```
#f8e0be
```
#f8e0be rgb(248,224,190)
```
#fae8cf
```
#fae8cf rgb(250,232,207)
```
#fcf1e1
```
#fcf1e1 rgb(252,241,225)
```
#fef9f3
```
#fef9f3 rgb(254,249,243)
```

Tint Color Variation

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

#686662
```
#686662 rgb(104,102,98)
```
#70675a
```
#70675a rgb(112,103,90)
```
#786852
```
#786852 rgb(120,104,82)
```
#806a4a
```
#806a4a rgb(128,106,74)
```
#876b43
```
#876b43 rgb(135,107,67)
```
#8f6c3b
```
#8f6c3b rgb(143,108,59)
```
#976e33
```
#976e33 rgb(151,110,51)
```
#9f6f2b
```
#9f6f2b rgb(159,111,43)
```
#a67024
```
#a67024 rgb(166,112,36)
```
#ae721c
```
#ae721c rgb(174,114,28)
```
#b67314
```
#b67314 rgb(182,115,20)
```
#be740c
```
#be740c rgb(190,116,12)
```
#c67604
```
#c67604 rgb(198,118,4)
```

Tone Color Variation

Below, you can see how #b67314 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
#887a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988824 Protanopia 1% of men
#aa811a Deuteranopia 1% of men
#be727a Tritanopia 0.001% of the population

Trichromacy

#a3801e Protanomaly 1% of men, 0.01% of women
#ae7c18 Deuteranomaly 6% of men, 0.4% of women
#bb7254 Tritanomaly 0.01% of the population

#b67314 hex color

#b67314 Color Information

#b67314 Color Conversion

Color Schemes with #b67314

Alternatives to #b67314

#b67314 Preview

Shades and Tints of #b67314

Tones of #b67314

Color Blindness Simulator