#986222 hex color

In a RGB color space, hex #986222 is composed of 59.6% red, 38.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 77.6% yellow and 40.4% black. It has a hue angle of 32.5 degrees, a saturation of 63.4% and a lightness of 36.5%. #986222 color hex could be obtained by blending #ffc444 with #310000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 38
- B 13
RGB color chart
- C 0
- M 36
- Y 78
- K 40
CMYK color chart

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

The hexadecimal color #986222 has RGB values of R:152, G:98, B:34 and CMYK values of C:0, M:0.36, Y:0.78, K:0.4. Its decimal value is 9986594.

Hex triplet	986222	`#986222`
RGB Decimal	152, 98, 34	`rgb(152,98,34)`
RGB Percent	59.6, 38.4, 13.3	`rgb(59.6%,38.4%,13.3%)`
CMYK	0, 36, 78, 40
HSL	32.5°, 63.4, 36.5	`hsl(32.5,63.4%,36.5%)`
HSV (or HSB)	32.5°, 77.6, 59.6
Web Safe	996633	`#996633`

CIE-LAB	46.348, 16.277, 43.406
XYZ	17.606, 15.527, 3.583
xyY	0.48, 0.423, 15.527
CIE-LCH	46.348, 46.357, 69.444
CIE-LUV	46.348, 43.204, 40.096
Hunter-Lab	39.405, 10.794, 22.192
Binary	10011000, 01100010, 00100010

#986222
```
#986222 rgb(152,98,34)
```
#225898
```
#225898 rgb(34,88,152)
```

Complementary Color

#982722
```
#982722 rgb(152,39,34)
```
#986222
```
#986222 rgb(152,98,34)
```
#939822
```
#939822 rgb(147,152,34)
```

Analogous Color

#272298
```
#272298 rgb(39,34,152)
```
#986222
```
#986222 rgb(152,98,34)
```
#229398
```
#229398 rgb(34,147,152)
```

Split Complementary Color

#622298
```
#622298 rgb(98,34,152)
```
#986222
```
#986222 rgb(152,98,34)
```
#229862
```
#229862 rgb(34,152,98)
```

Triadic Color

#982258
```
#982258 rgb(152,34,88)
```
#986222
```
#986222 rgb(152,98,34)
```
#229862
```
#229862 rgb(34,152,98)
```
#225898
```
#225898 rgb(34,88,152)
```

Tetradic Color

#593a14
```
#593a14 rgb(89,58,20)
```
#6e4719
```
#6e4719 rgb(110,71,25)
```
#83551d
```
#83551d rgb(131,85,29)
```
#986222
```
#986222 rgb(152,98,34)
```
#ad6f27
```
#ad6f27 rgb(173,111,39)
```
#c27d2b
```
#c27d2b rgb(194,125,43)
```
#d28a35
```
#d28a35 rgb(210,138,53)
```

Monochromatic Color

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

#984522
```
#984522 rgb(152,69,34)
```
#984e22
```
#984e22 rgb(152,78,34)
```
#985822
```
#985822 rgb(152,88,34)
```
#986222
```
#986222 rgb(152,98,34)
```
#986c22
```
#986c22 rgb(152,108,34)
```
#987622
```
#987622 rgb(152,118,34)
```
#988022
```
#988022 rgb(152,128,34)
```

Similar Colors

Text with hexadecimal color #986222

This text has a font color of #986222.

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

#986222 background color

This paragraph has a background color of #986222.

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

#986222 border color

This element has a border color of #986222.

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

CSS codes

.text {color:#986222;}

.background {background-color:#986222;}

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

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

#080502
```
#080502 rgb(8,5,2)
```
#180f05
```
#180f05 rgb(24,15,5)
```
#281a09
```
#281a09 rgb(40,26,9)
```
#38240c
```
#38240c rgb(56,36,12)
```
#482e10
```
#482e10 rgb(72,46,16)
```
#583914
```
#583914 rgb(88,57,20)
```
#684317
```
#684317 rgb(104,67,23)
```
#784d1b
```
#784d1b rgb(120,77,27)
```
#88581e
```
#88581e rgb(136,88,30)
```
#986222
```
#986222 rgb(152,98,34)
```
#a86c26
```
#a86c26 rgb(168,108,38)
```
#b87729
```
#b87729 rgb(184,119,41)
```
#c8812d
```
#c8812d rgb(200,129,45)
```

Shade Color Variation

#d28b36
```
#d28b36 rgb(210,139,54)
```
#d69446
```
#d69446 rgb(214,148,70)
```
#d99d56
```
#d99d56 rgb(217,157,86)
```
#dda766
```
#dda766 rgb(221,167,102)
```
#e0b076
```
#e0b076 rgb(224,176,118)
```
#e4b986
```
#e4b986 rgb(228,185,134)
```
#e8c397
```
#e8c397 rgb(232,195,151)
```
#ebcca7
```
#ebcca7 rgb(235,204,167)
```
#efd5b7
```
#efd5b7 rgb(239,213,183)
```
#f2dec7
```
#f2dec7 rgb(242,222,199)
```
#f6e8d7
```
#f6e8d7 rgb(246,232,215)
```
#faf1e7
```
#faf1e7 rgb(250,241,231)
```
#fdfaf7
```
#fdfaf7 rgb(253,250,247)
```

Tint Color Variation

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

#5f5d5b
```
#5f5d5b rgb(95,93,91)
```
#665e54
```
#665e54 rgb(102,94,84)
```
#6d5e4d
```
#6d5e4d rgb(109,94,77)
```
#745f46
```
#745f46 rgb(116,95,70)
```
#7b603f
```
#7b603f rgb(123,96,63)
```
#836037
```
#836037 rgb(131,96,55)
```
#8a6130
```
#8a6130 rgb(138,97,48)
```
#916129
```
#916129 rgb(145,97,41)
```
#986222
```
#986222 rgb(152,98,34)
```
#9f631b
```
#9f631b rgb(159,99,27)
```
#a66314
```
#a66314 rgb(166,99,20)
```
#ad640d
```
#ad640d rgb(173,100,13)
```
#b56405
```
#b56405 rgb(181,100,5)
```

Tone Color Variation

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

Dichromacy

#827530 Protanopia 1% of men
#916f2b Deuteranopia 1% of men
#a1636a Tritanopia 0.001% of the population

Trichromacy

#8a6e2b Protanomaly 1% of men, 0.01% of women
#936a27 Deuteranomaly 6% of men, 0.4% of women
#9d6350 Tritanomaly 0.01% of the population

#986222 hex color

#986222 Color Information

#986222 Color Conversion

Color Schemes with #986222

Alternatives to #986222

#986222 Preview

Shades and Tints of #986222

Tones of #986222

Color Blindness Simulator