#856b22 hex color

In a RGB color space, hex #856b22 is composed of 52.2% red, 42% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.5% magenta, 74.4% yellow and 47.8% black. It has a hue angle of 44.2 degrees, a saturation of 59.3% and a lightness of 32.7%. #856b22 color hex could be obtained by blending #ffd644 with #0b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 52
- G 42
- B 13
RGB color chart
- C 0
- M 20
- Y 74
- K 48
CMYK color chart

● #856b22 color description : Dark orange [Brown tone].

The hexadecimal color #856b22 has RGB values of R:133, G:107, B:34 and CMYK values of C:0, M:0.2, Y:0.74, K:0.48. Its decimal value is 8743714.

Hex triplet	856b22	`#856b22`
RGB Decimal	133, 107, 34	`rgb(133,107,34)`
RGB Percent	52.2, 42, 13.3	`rgb(52.2%,42%,13.3%)`
CMYK	0, 20, 74, 48
HSL	44.2°, 59.3, 32.7	`hsl(44.2,59.3%,32.7%)`
HSV (or HSB)	44.2°, 74.4, 52.2
Web Safe	996633	`#996633`

CIE-LAB	46.469, 2.248, 42.773
XYZ	15.219, 15.618, 3.726
xyY	0.44, 0.452, 15.618
CIE-LCH	46.469, 42.832, 86.991
CIE-LUV	46.469, 21.569, 42.832
Hunter-Lab	39.52, -0.417, 22.073
Binary	10000101, 01101011, 00100010

#856b22
```
#856b22 rgb(133,107,34)
```
#223c85
```
#223c85 rgb(34,60,133)
```

Complementary Color

#853a22
```
#853a22 rgb(133,58,34)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#6e8522
```
#6e8522 rgb(110,133,34)
```

Analogous Color

#3a2285
```
#3a2285 rgb(58,34,133)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#226e85
```
#226e85 rgb(34,110,133)
```

Split Complementary Color

#6b2285
```
#6b2285 rgb(107,34,133)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#22856b
```
#22856b rgb(34,133,107)
```

Triadic Color

#85223c
```
#85223c rgb(133,34,60)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#22856b
```
#22856b rgb(34,133,107)
```
#223c85
```
#223c85 rgb(34,60,133)
```

Tetradic Color

#483a12
```
#483a12 rgb(72,58,18)
```
#5c4a18
```
#5c4a18 rgb(92,74,24)
```
#715b1d
```
#715b1d rgb(113,91,29)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#997b27
```
#997b27 rgb(153,123,39)
```
#ae8c2c
```
#ae8c2c rgb(174,140,44)
```
#c29c32
```
#c29c32 rgb(194,156,50)
```

Monochromatic Color

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

#855222
```
#855222 rgb(133,82,34)
```
#855b22
```
#855b22 rgb(133,91,34)
```
#856322
```
#856322 rgb(133,99,34)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#857322
```
#857322 rgb(133,115,34)
```
#857c22
```
#857c22 rgb(133,124,34)
```
#858422
```
#858422 rgb(133,132,34)
```

Similar Colors

Text with hexadecimal color #856b22

This text has a font color of #856b22.

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

#856b22 background color

This paragraph has a background color of #856b22.

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

#856b22 border color

This element has a border color of #856b22.

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

CSS codes

.text {color:#856b22;}

.background {background-color:#856b22;}

.border {border:1px solid #856b22;}

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

#080602
```
#080602 rgb(8,6,2)
```
#181306
```
#181306 rgb(24,19,6)
```
#27200a
```
#27200a rgb(39,32,10)
```
#372c0e
```
#372c0e rgb(55,44,14)
```
#473912
```
#473912 rgb(71,57,18)
```
#564516
```
#564516 rgb(86,69,22)
```
#66521a
```
#66521a rgb(102,82,26)
```
#755e1e
```
#755e1e rgb(117,94,30)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#957826
```
#957826 rgb(149,120,38)
```
#a4842a
```
#a4842a rgb(164,132,42)
```
#b4912e
```
#b4912e rgb(180,145,46)
```
#c39d32
```
#c39d32 rgb(195,157,50)
```

Shade Color Variation

#cda73c
```
#cda73c rgb(205,167,60)
```
#d1ae4c
```
#d1ae4c rgb(209,174,76)
```
#d5b55b
```
#d5b55b rgb(213,181,91)
```
#d9bc6b
```
#d9bc6b rgb(217,188,107)
```
#ddc37a
```
#ddc37a rgb(221,195,122)
```
#e1ca8a
```
#e1ca8a rgb(225,202,138)
```
#e5d19a
```
#e5d19a rgb(229,209,154)
```
#e9d8a9
```
#e9d8a9 rgb(233,216,169)
```
#eddfb9
```
#eddfb9 rgb(237,223,185)
```
#f1e6c9
```
#f1e6c9 rgb(241,230,201)
```
#f5edd8
```
#f5edd8 rgb(245,237,216)
```
#f9f5e8
```
#f9f5e8 rgb(249,245,232)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#58564f
```
#58564f rgb(88,86,79)
```
#5e5949
```
#5e5949 rgb(94,89,73)
```
#655c42
```
#655c42 rgb(101,92,66)
```
#6b5f3c
```
#6b5f3c rgb(107,95,60)
```
#726235
```
#726235 rgb(114,98,53)
```
#78652f
```
#78652f rgb(120,101,47)
```
#7f6828
```
#7f6828 rgb(127,104,40)
```
#856b22
```
#856b22 rgb(133,107,34)
```
#8b6e1c
```
#8b6e1c rgb(139,110,28)
```
#927115
```
#927115 rgb(146,113,21)
```
#98740f
```
#98740f rgb(152,116,15)
```
#9f7708
```
#9f7708 rgb(159,119,8)
```
#a57a02
```
#a57a02 rgb(165,122,2)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#6f6a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#82752e Protanopia 1% of men
#91702e Deuteranopia 1% of men
#906b73 Tritanopia 0.001% of the population

Trichromacy

#837129 Protanomaly 1% of men, 0.01% of women
#8c6e29 Deuteranomaly 6% of men, 0.4% of women
#8c6b55 Tritanomaly 0.01% of the population

#856b22 hex color

#856b22 Color Information

#856b22 Color Conversion

Color Schemes with #856b22

Alternatives to #856b22

#856b22 Preview

Shades and Tints of #856b22

Tones of #856b22

Color Blindness Simulator