#b85b22 hex color

In a RGB color space, hex #b85b22 is composed of 72.2% red, 35.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.5% magenta, 81.5% yellow and 27.8% black. It has a hue angle of 22.8 degrees, a saturation of 68.8% and a lightness of 42.7%. #b85b22 color hex could be obtained by blending #ffb644 with #710000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 36
- B 13
RGB color chart
- C 0
- M 51
- Y 82
- K 28
CMYK color chart

● #b85b22 color description : Strong orange.

The hexadecimal color #b85b22 has RGB values of R:184, G:91, B:34 and CMYK values of C:0, M:0.51, Y:0.82, K:0.28. Its decimal value is 12081954.

Hex triplet	b85b22	`#b85b22`
RGB Decimal	184, 91, 34	`rgb(184,91,34)`
RGB Percent	72.2, 35.7, 13.3	`rgb(72.2%,35.7%,13.3%)`
CMYK	0, 51, 82, 28
HSL	22.8°, 68.8, 42.7	`hsl(22.8,68.8%,42.7%)`
HSV (or HSB)	22.8°, 81.5, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	49.241, 33.93, 47.739
XYZ	23.798, 17.79, 3.694
xyY	0.526, 0.393, 17.79
CIE-LCH	49.241, 58.568, 54.597
CIE-LUV	49.241, 75.306, 39.883
Hunter-Lab	42.178, 26.901, 24.332
Binary	10111000, 01011011, 00100010

#b85b22
```
#b85b22 rgb(184,91,34)
```
#227fb8
```
#227fb8 rgb(34,127,184)
```

Complementary Color

#b82234
```
#b82234 rgb(184,34,52)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#b8a622
```
#b8a622 rgb(184,166,34)
```

Analogous Color

#2234b8
```
#2234b8 rgb(34,52,184)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#22b8a6
```
#22b8a6 rgb(34,184,166)
```

Split Complementary Color

#5b22b8
```
#5b22b8 rgb(91,34,184)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#22b85b
```
#22b85b rgb(34,184,91)
```

Triadic Color

#b8227f
```
#b8227f rgb(184,34,127)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#22b85b
```
#22b85b rgb(34,184,91)
```
#227fb8
```
#227fb8 rgb(34,127,184)
```

Tetradic Color

#773b16
```
#773b16 rgb(119,59,22)
```
#8d461a
```
#8d461a rgb(141,70,26)
```
#a2501e
```
#a2501e rgb(162,80,30)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#ce6626
```
#ce6626 rgb(206,102,38)
```
#d97334
```
#d97334 rgb(217,115,52)
```
#dd8149
```
#dd8149 rgb(221,129,73)
```

Monochromatic Color

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

#b83522
```
#b83522 rgb(184,53,34)
```
#b84222
```
#b84222 rgb(184,66,34)
```
#b84e22
```
#b84e22 rgb(184,78,34)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#b86822
```
#b86822 rgb(184,104,34)
```
#b87422
```
#b87422 rgb(184,116,34)
```
#b88122
```
#b88122 rgb(184,129,34)
```

Similar Colors

Text with hexadecimal color #b85b22

This text has a font color of #b85b22.

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

#b85b22 background color

This paragraph has a background color of #b85b22.

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

#b85b22 border color

This element has a border color of #b85b22.

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

CSS codes

.text {color:#b85b22;}

.background {background-color:#b85b22;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120903
```
#120903 rgb(18,9,3)
```
#231106
```
#231106 rgb(35,17,6)
```
#34190a
```
#34190a rgb(52,25,10)
```
#44220d
```
#44220d rgb(68,34,13)
```
#552a10
```
#552a10 rgb(85,42,16)
```
#653213
```
#653213 rgb(101,50,19)
```
#763a16
```
#763a16 rgb(118,58,22)
```
#864219
```
#864219 rgb(134,66,25)
```
#974b1c
```
#974b1c rgb(151,75,28)
```
#a7531f
```
#a7531f rgb(167,83,31)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#c96325
```
#c96325 rgb(201,99,37)
```

Shade Color Variation

#d86c2a
```
#d86c2a rgb(216,108,42)
```
#db773a
```
#db773a rgb(219,119,58)
```
#de834b
```
#de834b rgb(222,131,75)
```
#e18e5b
```
#e18e5b rgb(225,142,91)
```
#e4996c
```
#e4996c rgb(228,153,108)
```
#e7a57c
```
#e7a57c rgb(231,165,124)
```
#eab08d
```
#eab08d rgb(234,176,141)
```
#edbc9e
```
#edbc9e rgb(237,188,158)
```
#f0c7ae
```
#f0c7ae rgb(240,199,174)
```
#f3d3bf
```
#f3d3bf rgb(243,211,191)
```
#f6decf
```
#f6decf rgb(246,222,207)
```
#f9e9e0
```
#f9e9e0 rgb(249,233,224)
```
#fcf5f0
```
#fcf5f0 rgb(252,245,240)
```

Tint Color Variation

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

#756b65
```
#756b65 rgb(117,107,101)
```
#7d695d
```
#7d695d rgb(125,105,93)
```
#866754
```
#866754 rgb(134,103,84)
```
#8e654c
```
#8e654c rgb(142,101,76)
```
#966344
```
#966344 rgb(150,99,68)
```
#9f613b
```
#9f613b rgb(159,97,59)
```
#a75f33
```
#a75f33 rgb(167,95,51)
```
#b05d2a
```
#b05d2a rgb(176,93,42)
```
#b85b22
```
#b85b22 rgb(184,91,34)
```
#c0591a
```
#c0591a rgb(192,89,26)
```
#c95711
```
#c95711 rgb(201,87,17)
```
#d15509
```
#d15509 rgb(209,85,9)
```
#da5300
```
#da5300 rgb(218,83,0)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7e6c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c34 Protanopia 1% of men
#9a7626 Deuteranopia 1% of men
#be5d63 Tritanopia 0.001% of the population

Trichromacy

#9a702d Protanomaly 1% of men, 0.01% of women
#a56c24 Deuteranomaly 6% of men, 0.4% of women
#bb5c4b Tritanomaly 0.01% of the population

#b85b22 hex color

#b85b22 Color Information

#b85b22 Color Conversion

Color Schemes with #b85b22

Alternatives to #b85b22

#b85b22 Preview

Shades and Tints of #b85b22

Tones of #b85b22

Color Blindness Simulator