#b86f1d hex color

In a RGB color space, hex #b86f1d is composed of 72.2% red, 43.5% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 84.2% yellow and 27.8% black. It has a hue angle of 31.7 degrees, a saturation of 72.8% and a lightness of 41.8%. #b86f1d color hex could be obtained by blending #ffde3a with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 44
- B 11
RGB color chart
- C 0
- M 40
- Y 84
- K 28
CMYK color chart

● #b86f1d color description : Strong orange.

The hexadecimal color #b86f1d has RGB values of R:184, G:111, B:29 and CMYK values of C:0, M:0.4, Y:0.84, K:0.28. Its decimal value is 12087069.

Hex triplet	b86f1d	`#b86f1d`
RGB Decimal	184, 111, 29	`rgb(184,111,29)`
RGB Percent	72.2, 43.5, 11.4	`rgb(72.2%,43.5%,11.4%)`
CMYK	0, 40, 84, 28
HSL	31.7°, 72.8, 41.8	`hsl(31.7,72.8%,41.8%)`
HSV (or HSB)	31.7°, 84.2, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.654, 22.982, 53.667
XYZ	25.674, 21.65, 3.989
xyY	0.5, 0.422, 21.65
CIE-LCH	53.654, 58.381, 66.817
CIE-LUV	53.654, 59.669, 48.366
Hunter-Lab	46.529, 17.067, 27.488
Binary	10111000, 01101111, 00011101

#b86f1d
```
#b86f1d rgb(184,111,29)
```
#1d66b8
```
#1d66b8 rgb(29,102,184)
```

Complementary Color

#b8211d
```
#b8211d rgb(184,33,29)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#b4b81d
```
#b4b81d rgb(180,184,29)
```

Analogous Color

#221db8
```
#221db8 rgb(34,29,184)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#1db4b8
```
#1db4b8 rgb(29,180,184)
```

Split Complementary Color

#6f1db8
```
#6f1db8 rgb(111,29,184)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#1db86f
```
#1db86f rgb(29,184,111)
```

Triadic Color

#b81d66
```
#b81d66 rgb(184,29,102)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#1db86f
```
#1db86f rgb(29,184,111)
```
#1d66b8
```
#1d66b8 rgb(29,102,184)
```

Tetradic Color

#764713
```
#764713 rgb(118,71,19)
```
#8c5416
```
#8c5416 rgb(140,84,22)
```
#a2621a
```
#a2621a rgb(162,98,26)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#ce7c20
```
#ce7c20 rgb(206,124,32)
```
#de892a
```
#de892a rgb(222,137,42)
```
#e19541
```
#e19541 rgb(225,149,65)
```

Monochromatic Color

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

#b8481d
```
#b8481d rgb(184,72,29)
```
#b8551d
```
#b8551d rgb(184,85,29)
```
#b8621d
```
#b8621d rgb(184,98,29)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#b87c1d
```
#b87c1d rgb(184,124,29)
```
#b8891d
```
#b8891d rgb(184,137,29)
```
#b8961d
```
#b8961d rgb(184,150,29)
```

Similar Colors

Text with hexadecimal color #b86f1d

This text has a font color of #b86f1d.

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

#b86f1d background color

This paragraph has a background color of #b86f1d.

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

#b86f1d border color

This element has a border color of #b86f1d.

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

CSS codes

.text {color:#b86f1d;}

.background {background-color:#b86f1d;}

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

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, #0f0902 is the darkest color, while #fffefd is the lightest one.

#0f0902
```
#0f0902 rgb(15,9,2)
```
#1f1305
```
#1f1305 rgb(31,19,5)
```
#301d08
```
#301d08 rgb(48,29,8)
```
#41270a
```
#41270a rgb(65,39,10)
```
#52320d
```
#52320d rgb(82,50,13)
```
#633c10
```
#633c10 rgb(99,60,16)
```
#744612
```
#744612 rgb(116,70,18)
```
#855015
```
#855015 rgb(133,80,21)
```
#965b18
```
#965b18 rgb(150,91,24)
```
#a7651a
```
#a7651a rgb(167,101,26)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#c97920
```
#c97920 rgb(201,121,32)
```
#da8322
```
#da8322 rgb(218,131,34)
```

Shade Color Variation

#df8d31
```
#df8d31 rgb(223,141,49)
```
#e19642
```
#e19642 rgb(225,150,66)
```
#e4a053
```
#e4a053 rgb(228,160,83)
```
#e7a964
```
#e7a964 rgb(231,169,100)
```
#e9b375
```
#e9b375 rgb(233,179,117)
```
#ecbc86
```
#ecbc86 rgb(236,188,134)
```
#efc597
```
#efc597 rgb(239,197,151)
```
#f1cfa8
```
#f1cfa8 rgb(241,207,168)
```
#f4d8b9
```
#f4d8b9 rgb(244,216,185)
```
#f7e1ca
```
#f7e1ca rgb(247,225,202)
```
#f9ebdb
```
#f9ebdb rgb(249,235,219)
```
#fcf4ec
```
#fcf4ec rgb(252,244,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6e6b67
```
#6e6b67 rgb(110,107,103)
```
#766b5f
```
#766b5f rgb(118,107,95)
```
#7f6c56
```
#7f6c56 rgb(127,108,86)
```
#876c4e
```
#876c4e rgb(135,108,78)
```
#8f6d46
```
#8f6d46 rgb(143,109,70)
```
#976d3e
```
#976d3e rgb(151,109,62)
```
#9f6e36
```
#9f6e36 rgb(159,110,54)
```
#a86e2d
```
#a86e2d rgb(168,110,45)
```
#b06f25
```
#b06f25 rgb(176,111,37)
```
#b86f1d
```
#b86f1d rgb(184,111,29)
```
#c06f15
```
#c06f15 rgb(192,111,21)
```
#c8700d
```
#c8700d rgb(200,112,13)
```
#d17004
```
#d17004 rgb(209,112,4)
```

Tone Color Variation

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

Dichromacy

#96872d Protanopia 1% of men
#a78023 Deuteranopia 1% of men
#bf6f76 Tritanopia 0.001% of the population

Trichromacy

#a27e27 Protanomaly 1% of men, 0.01% of women
#ad7a21 Deuteranomaly 6% of men, 0.4% of women
#bc6f55 Tritanomaly 0.01% of the population

#b86f1d hex color

#b86f1d Color Information

#b86f1d Color Conversion

Color Schemes with #b86f1d

Alternatives to #b86f1d

#b86f1d Preview

Shades and Tints of #b86f1d

Tones of #b86f1d

Color Blindness Simulator