#857222 hex color

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

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

● #857222 color description : Dark yellow [Olive tone].

The hexadecimal color #857222 has RGB values of R:133, G:114, B:34 and CMYK values of C:0, M:0.14, Y:0.74, K:0.48. Its decimal value is 8745506.

Hex triplet	857222	`#857222`
RGB Decimal	133, 114, 34	`rgb(133,114,34)`
RGB Percent	52.2, 44.7, 13.3	`rgb(52.2%,44.7%,13.3%)`
CMYK	0, 14, 74, 48
HSL	48.5°, 59.3, 32.7	`hsl(48.5,59.3%,32.7%)`
HSV (or HSB)	48.5°, 74.4, 52.2
Web Safe	996633	`#996633`

CIE-LAB	48.433, -1.77, 44.719
XYZ	15.979, 17.137, 3.979
xyY	0.431, 0.462, 17.137
CIE-LCH	48.433, 44.754, 92.266
CIE-LUV	48.433, 16.651, 45.89
Hunter-Lab	41.397, -3.545, 23.279
Binary	10000101, 01110010, 00100010

#857222
```
#857222 rgb(133,114,34)
```
#223585
```
#223585 rgb(34,53,133)
```

Complementary Color

#854122
```
#854122 rgb(133,65,34)
```
#857222
```
#857222 rgb(133,114,34)
```
#678522
```
#678522 rgb(103,133,34)
```

Analogous Color

#402285
```
#402285 rgb(64,34,133)
```
#857222
```
#857222 rgb(133,114,34)
```
#226785
```
#226785 rgb(34,103,133)
```

Split Complementary Color

#722285
```
#722285 rgb(114,34,133)
```
#857222
```
#857222 rgb(133,114,34)
```
#228572
```
#228572 rgb(34,133,114)
```

Triadic Color

#852235
```
#852235 rgb(133,34,53)
```
#857222
```
#857222 rgb(133,114,34)
```
#228572
```
#228572 rgb(34,133,114)
```
#223585
```
#223585 rgb(34,53,133)
```

Tetradic Color

#483e12
```
#483e12 rgb(72,62,18)
```
#5c4f18
```
#5c4f18 rgb(92,79,24)
```
#71611d
```
#71611d rgb(113,97,29)
```
#857222
```
#857222 rgb(133,114,34)
```
#998327
```
#998327 rgb(153,131,39)
```
#ae952c
```
#ae952c rgb(174,149,44)
```
#c2a632
```
#c2a632 rgb(194,166,50)
```

Monochromatic Color

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

#855922
```
#855922 rgb(133,89,34)
```
#856222
```
#856222 rgb(133,98,34)
```
#856a22
```
#856a22 rgb(133,106,34)
```
#857222
```
#857222 rgb(133,114,34)
```
#857a22
```
#857a22 rgb(133,122,34)
```
#858322
```
#858322 rgb(133,131,34)
```
#7f8522
```
#7f8522 rgb(127,133,34)
```

Similar Colors

Text with hexadecimal color #857222

This text has a font color of #857222.

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

#857222 background color

This paragraph has a background color of #857222.

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

#857222 border color

This element has a border color of #857222.

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

CSS codes

.text {color:#857222;}

.background {background-color:#857222;}

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

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

#080702
```
#080702 rgb(8,7,2)
```
#181406
```
#181406 rgb(24,20,6)
```
#27220a
```
#27220a rgb(39,34,10)
```
#372f0e
```
#372f0e rgb(55,47,14)
```
#473c12
```
#473c12 rgb(71,60,18)
```
#564a16
```
#564a16 rgb(86,74,22)
```
#66571a
```
#66571a rgb(102,87,26)
```
#75651e
```
#75651e rgb(117,101,30)
```
#857222
```
#857222 rgb(133,114,34)
```
#957f26
```
#957f26 rgb(149,127,38)
```
#a48d2a
```
#a48d2a rgb(164,141,42)
```
#b49a2e
```
#b49a2e rgb(180,154,46)
```
#c3a832
```
#c3a832 rgb(195,168,50)
```

Shade Color Variation

#cdb13c
```
#cdb13c rgb(205,177,60)
```
#d1b74c
```
#d1b74c rgb(209,183,76)
```
#d5be5b
```
#d5be5b rgb(213,190,91)
```
#d9c46b
```
#d9c46b rgb(217,196,107)
```
#ddca7a
```
#ddca7a rgb(221,202,122)
```
#e1d08a
```
#e1d08a rgb(225,208,138)
```
#e5d79a
```
#e5d79a rgb(229,215,154)
```
#e9dda9
```
#e9dda9 rgb(233,221,169)
```
#ede3b9
```
#ede3b9 rgb(237,227,185)
```
#f1e9c9
```
#f1e9c9 rgb(241,233,201)
```
#f5f0d8
```
#f5f0d8 rgb(245,240,216)
```
#f9f6e8
```
#f9f6e8 rgb(249,246,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 #a58602 is the most saturated one.

#58564f
```
#58564f rgb(88,86,79)
```
#5e5a49
```
#5e5a49 rgb(94,90,73)
```
#655e42
```
#655e42 rgb(101,94,66)
```
#6b623c
```
#6b623c rgb(107,98,60)
```
#726635
```
#726635 rgb(114,102,53)
```
#786a2f
```
#786a2f rgb(120,106,47)
```
#7f6e28
```
#7f6e28 rgb(127,110,40)
```
#857222
```
#857222 rgb(133,114,34)
```
#8b761c
```
#8b761c rgb(139,118,28)
```
#927a15
```
#927a15 rgb(146,122,21)
```
#987e0f
```
#987e0f rgb(152,126,15)
```
#9f8208
```
#9f8208 rgb(159,130,8)
```
#a58602
```
#a58602 rgb(165,134,2)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#737060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887a2d Protanopia 1% of men
#97742f Deuteranopia 1% of men
#917179 Tritanopia 0.001% of the population

Trichromacy

#867729 Protanomaly 1% of men, 0.01% of women
#90732a Deuteranomaly 6% of men, 0.4% of women
#8d7159 Tritanomaly 0.01% of the population

#857222 hex color

#857222 Color Information

#857222 Color Conversion

Color Schemes with #857222

Alternatives to #857222

#857222 Preview

Shades and Tints of #857222

Tones of #857222

Color Blindness Simulator