#b85222 hex color

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

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

● #b85222 color description : Strong orange.

The hexadecimal color #b85222 has RGB values of R:184, G:82, B:34 and CMYK values of C:0, M:0.55, Y:0.82, K:0.28. Its decimal value is 12079650.

Hex triplet	b85222	`#b85222`
RGB Decimal	184, 82, 34	`rgb(184,82,34)`
RGB Percent	72.2, 32.2, 13.3	`rgb(72.2%,32.2%,13.3%)`
CMYK	0, 55, 82, 28
HSL	19.2°, 68.8, 42.7	`hsl(19.2,68.8%,42.7%)`
HSV (or HSB)	19.2°, 81.5, 72.2
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.421, 38.546, 46.043
XYZ	23.074, 16.343, 3.453
xyY	0.538, 0.381, 16.343
CIE-LCH	47.421, 60.048, 50.065
CIE-LUV	47.421, 82.286, 36.776
Hunter-Lab	40.426, 31.137, 23.234
Binary	10111000, 01010010, 00100010

#b85222
```
#b85222 rgb(184,82,34)
```
#2288b8
```
#2288b8 rgb(34,136,184)
```

Complementary Color

#b8223d
```
#b8223d rgb(184,34,61)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#b89d22
```
#b89d22 rgb(184,157,34)
```

Analogous Color

#223db8
```
#223db8 rgb(34,61,184)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#22b89d
```
#22b89d rgb(34,184,157)
```

Split Complementary Color

#5222b8
```
#5222b8 rgb(82,34,184)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#22b852
```
#22b852 rgb(34,184,82)
```

Triadic Color

#b82288
```
#b82288 rgb(184,34,136)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#22b852
```
#22b852 rgb(34,184,82)
```
#2288b8
```
#2288b8 rgb(34,136,184)
```

Tetradic Color

#773516
```
#773516 rgb(119,53,22)
```
#8d3f1a
```
#8d3f1a rgb(141,63,26)
```
#a2481e
```
#a2481e rgb(162,72,30)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#ce5c26
```
#ce5c26 rgb(206,92,38)
```
#d96934
```
#d96934 rgb(217,105,52)
```
#dd7949
```
#dd7949 rgb(221,121,73)
```

Monochromatic Color

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

#b82d22
```
#b82d22 rgb(184,45,34)
```
#b83922
```
#b83922 rgb(184,57,34)
```
#b84622
```
#b84622 rgb(184,70,34)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#b85f22
```
#b85f22 rgb(184,95,34)
```
#b86b22
```
#b86b22 rgb(184,107,34)
```
#b87822
```
#b87822 rgb(184,120,34)
```

Similar Colors

Text with hexadecimal color #b85222

This text has a font color of #b85222.

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

#b85222 background color

This paragraph has a background color of #b85222.

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

#b85222 border color

This element has a border color of #b85222.

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

CSS codes

.text {color:#b85222;}

.background {background-color:#b85222;}

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

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 #fcf4f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120803
```
#120803 rgb(18,8,3)
```
#231006
```
#231006 rgb(35,16,6)
```
#34170a
```
#34170a rgb(52,23,10)
```
#441e0d
```
#441e0d rgb(68,30,13)
```
#552610
```
#552610 rgb(85,38,16)
```
#652d13
```
#652d13 rgb(101,45,19)
```
#763416
```
#763416 rgb(118,52,22)
```
#863c19
```
#863c19 rgb(134,60,25)
```
#97431c
```
#97431c rgb(151,67,28)
```
#a74b1f
```
#a74b1f rgb(167,75,31)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#c95925
```
#c95925 rgb(201,89,37)
```

Shade Color Variation

#d8612a
```
#d8612a rgb(216,97,42)
```
#db6e3a
```
#db6e3a rgb(219,110,58)
```
#de7a4b
```
#de7a4b rgb(222,122,75)
```
#e1865b
```
#e1865b rgb(225,134,91)
```
#e4926c
```
#e4926c rgb(228,146,108)
```
#e79e7c
```
#e79e7c rgb(231,158,124)
```
#eaab8d
```
#eaab8d rgb(234,171,141)
```
#edb79e
```
#edb79e rgb(237,183,158)
```
#f0c3ae
```
#f0c3ae rgb(240,195,174)
```
#f3cfbf
```
#f3cfbf rgb(243,207,191)
```
#f6dccf
```
#f6dccf rgb(246,220,207)
```
#f9e8e0
```
#f9e8e0 rgb(249,232,224)
```
#fcf4f0
```
#fcf4f0 rgb(252,244,240)
```

Tint Color Variation

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

#756a65
```
#756a65 rgb(117,106,101)
```
#7d675d
```
#7d675d rgb(125,103,93)
```
#866454
```
#866454 rgb(134,100,84)
```
#8e614c
```
#8e614c rgb(142,97,76)
```
#965e44
```
#965e44 rgb(150,94,68)
```
#9f5b3b
```
#9f5b3b rgb(159,91,59)
```
#a75833
```
#a75833 rgb(167,88,51)
```
#b0552a
```
#b0552a rgb(176,85,42)
```
#b85222
```
#b85222 rgb(184,82,34)
```
#c04f1a
```
#c04f1a rgb(192,79,26)
```
#c94c11
```
#c94c11 rgb(201,76,17)
```
#d14909
```
#d14909 rgb(209,73,9)
```
#da4600
```
#da4600 rgb(218,70,0)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7a665c Atypical Achromatopsia 0.001% of the population

Dichromacy

#847835 Protanopia 1% of men
#957224 Deuteranopia 1% of men
#bd565b Tritanopia 0.001% of the population

Trichromacy

#976a2e Protanomaly 1% of men, 0.01% of women
#a16623 Deuteranomaly 6% of men, 0.4% of women
#bb5446 Tritanomaly 0.01% of the population

#b85222 hex color

#b85222 Color Information

#b85222 Color Conversion

Color Schemes with #b85222

Alternatives to #b85222

#b85222 Preview

Shades and Tints of #b85222

Tones of #b85222

Color Blindness Simulator