#b86f0c hex color

In a RGB color space, hex #b86f0c is composed of 72.2% red, 43.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 93.5% yellow and 27.8% black. It has a hue angle of 34.5 degrees, a saturation of 87.8% and a lightness of 38.4%. #b86f0c color hex could be obtained by blending #ffde18 with #710000. Closest websafe color is: #cc6600.

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

● #b86f0c color description : Strong orange.

The hexadecimal color #b86f0c has RGB values of R:184, G:111, B:12 and CMYK values of C:0, M:0.4, Y:0.93, K:0.28. Its decimal value is 12087052.

Hex triplet	b86f0c	`#b86f0c`
RGB Decimal	184, 111, 12	`rgb(184,111,12)`
RGB Percent	72.2, 43.5, 4.7	`rgb(72.2%,43.5%,4.7%)`
CMYK	0, 40, 93, 28
HSL	34.5°, 87.8, 38.4	`hsl(34.5,87.8%,38.4%)`
HSV (or HSB)	34.5°, 93.5, 72.2
Web Safe	cc6600	`#cc6600`

CIE-LAB	53.587, 22.617, 58.446
XYZ	25.519, 21.588, 3.171
xyY	0.508, 0.429, 21.588
CIE-LCH	53.587, 62.669, 68.845
CIE-LUV	53.587, 60.337, 50.917
Hunter-Lab	46.463, 16.728, 28.478
Binary	10111000, 01101111, 00001100

#b86f0c
```
#b86f0c rgb(184,111,12)
```
#0c55b8
```
#0c55b8 rgb(12,85,184)
```

Complementary Color

#b8190c
```
#b8190c rgb(184,25,12)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#abb80c
```
#abb80c rgb(171,184,12)
```

Analogous Color

#190cb8
```
#190cb8 rgb(25,12,184)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#0cabb8
```
#0cabb8 rgb(12,171,184)
```

Split Complementary Color

#6f0cb8
```
#6f0cb8 rgb(111,12,184)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#0cb86f
```
#0cb86f rgb(12,184,111)
```

Triadic Color

#b80c55
```
#b80c55 rgb(184,12,85)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#0cb86f
```
#0cb86f rgb(12,184,111)
```
#0c55b8
```
#0c55b8 rgb(12,85,184)
```

Tetradic Color

#704407
```
#704407 rgb(112,68,7)
```
#885209
```
#885209 rgb(136,82,9)
```
#a0610a
```
#a0610a rgb(160,97,10)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#d07d0e
```
#d07d0e rgb(208,125,14)
```
#e88c0f
```
#e88c0f rgb(232,140,15)
```
#f09820
```
#f09820 rgb(240,152,32)
```

Monochromatic Color

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

#b8440c
```
#b8440c rgb(184,68,12)
```
#b8520c
```
#b8520c rgb(184,82,12)
```
#b8610c
```
#b8610c rgb(184,97,12)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#b87d0c
```
#b87d0c rgb(184,125,12)
```
#b88c0c
```
#b88c0c rgb(184,140,12)
```
#b89a0c
```
#b89a0c rgb(184,154,12)
```

Similar Colors

Text with hexadecimal color #b86f0c

This text has a font color of #b86f0c.

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

#b86f0c background color

This paragraph has a background color of #b86f0c.

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

#b86f0c border color

This element has a border color of #b86f0c.

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

CSS codes

.text {color:#b86f0c;}

.background {background-color:#b86f0c;}

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

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, #120b01 is the darkest color, while #ffffff is the lightest one.

#120b01
```
#120b01 rgb(18,11,1)
```
#251602
```
#251602 rgb(37,22,2)
```
#372104
```
#372104 rgb(55,33,4)
```
#4a2c05
```
#4a2c05 rgb(74,44,5)
```
#5c3706
```
#5c3706 rgb(92,55,6)
```
#6e4307
```
#6e4307 rgb(110,67,7)
```
#814e08
```
#814e08 rgb(129,78,8)
```
#93590a
```
#93590a rgb(147,89,10)
```
#a6640b
```
#a6640b rgb(166,100,11)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#ca7a0d
```
#ca7a0d rgb(202,122,13)
```
#dd850e
```
#dd850e rgb(221,133,14)
```
#ef9010
```
#ef9010 rgb(239,144,16)
```

Shade Color Variation

#f19922
```
#f19922 rgb(241,153,34)
```
#f2a134
```
#f2a134 rgb(242,161,52)
```
#f3aa47
```
#f3aa47 rgb(243,170,71)
```
#f4b259
```
#f4b259 rgb(244,178,89)
```
#f5bb6c
```
#f5bb6c rgb(245,187,108)
```
#f7c37e
```
#f7c37e rgb(247,195,126)
```
#f8cc90
```
#f8cc90 rgb(248,204,144)
```
#f9d4a3
```
#f9d4a3 rgb(249,212,163)
```
#faddb5
```
#faddb5 rgb(250,221,181)
```
#fbe5c8
```
#fbe5c8 rgb(251,229,200)
```
#fdeeda
```
#fdeeda rgb(253,238,218)
```
#fef6ec
```
#fef6ec rgb(254,246,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#65625f
```
#65625f rgb(101,98,95)
```
#6d6457
```
#6d6457 rgb(109,100,87)
```
#746550
```
#746550 rgb(116,101,80)
```
#7c6648
```
#7c6648 rgb(124,102,72)
```
#836741
```
#836741 rgb(131,103,65)
```
#8b6839
```
#8b6839 rgb(139,104,57)
```
#926932
```
#926932 rgb(146,105,50)
```
#9a6a2a
```
#9a6a2a rgb(154,106,42)
```
#a16c23
```
#a16c23 rgb(161,108,35)
```
#a96d1b
```
#a96d1b rgb(169,109,27)
```
#b06e14
```
#b06e14 rgb(176,110,20)
```
#b86f0c
```
#b86f0c rgb(184,111,12)
```
#c07004
```
#c07004 rgb(192,112,4)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#867864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96861d Protanopia 1% of men
#a8800c Deuteranopia 1% of men
#c06e76 Tritanopia 0.001% of the population

Trichromacy

#a27e17 Protanomaly 1% of men, 0.01% of women
#ae790c Deuteranomaly 6% of men, 0.4% of women
#bd6e4f Tritanomaly 0.01% of the population

#b86f0c hex color

#b86f0c Color Information

#b86f0c Color Conversion

Color Schemes with #b86f0c

Alternatives to #b86f0c

#b86f0c Preview

Shades and Tints of #b86f0c

Tones of #b86f0c

Color Blindness Simulator