#b86d1a hex color

In a RGB color space, hex #b86d1a is composed of 72.2% red, 42.7% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.8% magenta, 85.9% yellow and 27.8% black. It has a hue angle of 31.5 degrees, a saturation of 75.2% and a lightness of 41.2%. #b86d1a color hex could be obtained by blending #ffda34 with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 43
- B 10
RGB color chart
- C 0
- M 41
- Y 86
- K 28
CMYK color chart

● #b86d1a color description : Strong orange.

The hexadecimal color #b86d1a has RGB values of R:184, G:109, B:26 and CMYK values of C:0, M:0.41, Y:0.86, K:0.28. Its decimal value is 12086554.

Hex triplet	b86d1a	`#b86d1a`
RGB Decimal	184, 109, 26	`rgb(184,109,26)`
RGB Percent	72.2, 42.7, 10.2	`rgb(72.2%,42.7%,10.2%)`
CMYK	0, 41, 86, 28
HSL	31.5°, 75.2, 41.2	`hsl(31.5,75.2%,41.2%)`
HSV (or HSB)	31.5°, 85.9, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.172, 24, 54.301
XYZ	25.423, 21.204, 3.731
xyY	0.505, 0.421, 21.204
CIE-LCH	53.172, 59.368, 66.156
CIE-LUV	53.172, 61.434, 48.194
Hunter-Lab	46.048, 17.965, 27.429
Binary	10111000, 01101101, 00011010

#b86d1a
```
#b86d1a rgb(184,109,26)
```
#1a65b8
```
#1a65b8 rgb(26,101,184)
```

Complementary Color

#b81e1a
```
#b81e1a rgb(184,30,26)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#b4b81a
```
#b4b81a rgb(180,184,26)
```

Analogous Color

#1e1ab8
```
#1e1ab8 rgb(30,26,184)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#1ab4b8
```
#1ab4b8 rgb(26,180,184)
```

Split Complementary Color

#6d1ab8
```
#6d1ab8 rgb(109,26,184)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#1ab86d
```
#1ab86d rgb(26,184,109)
```

Triadic Color

#b81a65
```
#b81a65 rgb(184,26,101)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#1ab86d
```
#1ab86d rgb(26,184,109)
```
#1a65b8
```
#1a65b8 rgb(26,101,184)
```

Tetradic Color

#754511
```
#754511 rgb(117,69,17)
```
#8b5314
```
#8b5314 rgb(139,83,20)
```
#a26017
```
#a26017 rgb(162,96,23)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#ce7a1d
```
#ce7a1d rgb(206,122,29)
```
#e08725
```
#e08725 rgb(224,135,37)
```
#e3943b
```
#e3943b rgb(227,148,59)
```

Monochromatic Color

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

#b8461a
```
#b8461a rgb(184,70,26)
```
#b8531a
```
#b8531a rgb(184,83,26)
```
#b8601a
```
#b8601a rgb(184,96,26)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#b87a1a
```
#b87a1a rgb(184,122,26)
```
#b8871a
```
#b8871a rgb(184,135,26)
```
#b8951a
```
#b8951a rgb(184,149,26)
```

Similar Colors

Text with hexadecimal color #b86d1a

This text has a font color of #b86d1a.

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

#b86d1a background color

This paragraph has a background color of #b86d1a.

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

#b86d1a border color

This element has a border color of #b86d1a.

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

CSS codes

.text {color:#b86d1a;}

.background {background-color:#b86d1a;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1d1104
```
#1d1104 rgb(29,17,4)
```
#2f1c07
```
#2f1c07 rgb(47,28,7)
```
#402609
```
#402609 rgb(64,38,9)
```
#51300b
```
#51300b rgb(81,48,11)
```
#623a0e
```
#623a0e rgb(98,58,14)
```
#734410
```
#734410 rgb(115,68,16)
```
#844e13
```
#844e13 rgb(132,78,19)
```
#965915
```
#965915 rgb(150,89,21)
```
#a76318
```
#a76318 rgb(167,99,24)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#c9771c
```
#c9771c rgb(201,119,28)
```
#da811f
```
#da811f rgb(218,129,31)
```

Shade Color Variation

#e18b2c
```
#e18b2c rgb(225,139,44)
```
#e4943d
```
#e4943d rgb(228,148,61)
```
#e69e4e
```
#e69e4e rgb(230,158,78)
```
#e8a75f
```
#e8a75f rgb(232,167,95)
```
#ebb170
```
#ebb170 rgb(235,177,112)
```
#edba82
```
#edba82 rgb(237,186,130)
```
#f0c493
```
#f0c493 rgb(240,196,147)
```
#f2cda4
```
#f2cda4 rgb(242,205,164)
```
#f5d6b5
```
#f5d6b5 rgb(245,214,181)
```
#f7e0c6
```
#f7e0c6 rgb(247,224,198)
```
#f9e9d8
```
#f9e9d8 rgb(249,233,216)
```
#fcf3e9
```
#fcf3e9 rgb(252,243,233)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#6f6963
```
#6f6963 rgb(111,105,99)
```
#776a5b
```
#776a5b rgb(119,106,91)
```
#7f6a53
```
#7f6a53 rgb(127,106,83)
```
#886b4a
```
#886b4a rgb(136,107,74)
```
#906b42
```
#906b42 rgb(144,107,66)
```
#986b3a
```
#986b3a rgb(152,107,58)
```
#a06c32
```
#a06c32 rgb(160,108,50)
```
#a86c2a
```
#a86c2a rgb(168,108,42)
```
#b06d22
```
#b06d22 rgb(176,109,34)
```
#b86d1a
```
#b86d1a rgb(184,109,26)
```
#c06d12
```
#c06d12 rgb(192,109,18)
```
#c86e0a
```
#c86e0a rgb(200,110,10)
```
#d06e02
```
#d06e02 rgb(208,110,2)
```

Tone Color Variation

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

Dichromacy

#95852a Protanopia 1% of men
#a67f1f Deuteranopia 1% of men
#bf6d74 Tritanopia 0.001% of the population

Trichromacy

#a17c24 Protanomaly 1% of men, 0.01% of women
#ac781d Deuteranomaly 6% of men, 0.4% of women
#bc6d53 Tritanomaly 0.01% of the population

#b86d1a hex color

#b86d1a Color Information

#b86d1a Color Conversion

Color Schemes with #b86d1a

Alternatives to #b86d1a

#b86d1a Preview

Shades and Tints of #b86d1a

Tones of #b86d1a

Color Blindness Simulator