#986a22 hex color

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

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

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

The hexadecimal color #986a22 has RGB values of R:152, G:106, B:34 and CMYK values of C:0, M:0.3, Y:0.78, K:0.4. Its decimal value is 9988642.

Hex triplet	986a22	`#986a22`
RGB Decimal	152, 106, 34	`rgb(152,106,34)`
RGB Percent	59.6, 41.6, 13.3	`rgb(59.6%,41.6%,13.3%)`
CMYK	0, 30, 78, 40
HSL	36.6°, 63.4, 36.5	`hsl(36.6,63.4%,36.5%)`
HSV (or HSB)	36.6°, 77.6, 59.6
Web Safe	996633	`#996633`

CIE-LAB	48.386, 11.676, 45.393
XYZ	18.392, 17.1, 3.845
xyY	0.468, 0.435, 17.1
CIE-LCH	48.386, 46.87, 75.575
CIE-LUV	48.386, 37.116, 43.385
Hunter-Lab	41.352, 7.024, 23.433
Binary	10011000, 01101010, 00100010

#986a22
```
#986a22 rgb(152,106,34)
```
#225098
```
#225098 rgb(34,80,152)
```

Complementary Color

#982f22
```
#982f22 rgb(152,47,34)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#8b9822
```
#8b9822 rgb(139,152,34)
```

Analogous Color

#2f2298
```
#2f2298 rgb(47,34,152)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#228b98
```
#228b98 rgb(34,139,152)
```

Split Complementary Color

#6a2298
```
#6a2298 rgb(106,34,152)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#22986a
```
#22986a rgb(34,152,106)
```

Triadic Color

#982250
```
#982250 rgb(152,34,80)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#22986a
```
#22986a rgb(34,152,106)
```
#225098
```
#225098 rgb(34,80,152)
```

Tetradic Color

#593e14
```
#593e14 rgb(89,62,20)
```
#6e4d19
```
#6e4d19 rgb(110,77,25)
```
#835b1d
```
#835b1d rgb(131,91,29)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#ad7927
```
#ad7927 rgb(173,121,39)
```
#c2872b
```
#c2872b rgb(194,135,43)
```
#d29535
```
#d29535 rgb(210,149,53)
```

Monochromatic Color

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

#984d22
```
#984d22 rgb(152,77,34)
```
#985622
```
#985622 rgb(152,86,34)
```
#986022
```
#986022 rgb(152,96,34)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#987422
```
#987422 rgb(152,116,34)
```
#987e22
```
#987e22 rgb(152,126,34)
```
#988822
```
#988822 rgb(152,136,34)
```

Similar Colors

Text with hexadecimal color #986a22

This text has a font color of #986a22.

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

#986a22 background color

This paragraph has a background color of #986a22.

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

#986a22 border color

This element has a border color of #986a22.

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

CSS codes

.text {color:#986a22;}

.background {background-color:#986a22;}

.border {border:1px solid #986a22;}

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

#080502
```
#080502 rgb(8,5,2)
```
#181105
```
#181105 rgb(24,17,5)
```
#281c09
```
#281c09 rgb(40,28,9)
```
#38270c
```
#38270c rgb(56,39,12)
```
#483210
```
#483210 rgb(72,50,16)
```
#583d14
```
#583d14 rgb(88,61,20)
```
#684817
```
#684817 rgb(104,72,23)
```
#78541b
```
#78541b rgb(120,84,27)
```
#885f1e
```
#885f1e rgb(136,95,30)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#a87526
```
#a87526 rgb(168,117,38)
```
#b88029
```
#b88029 rgb(184,128,41)
```
#c88c2d
```
#c88c2d rgb(200,140,45)
```

Shade Color Variation

#d29536
```
#d29536 rgb(210,149,54)
```
#d69e46
```
#d69e46 rgb(214,158,70)
```
#d9a656
```
#d9a656 rgb(217,166,86)
```
#ddaf66
```
#ddaf66 rgb(221,175,102)
```
#e0b776
```
#e0b776 rgb(224,183,118)
```
#e4c086
```
#e4c086 rgb(228,192,134)
```
#e8c897
```
#e8c897 rgb(232,200,151)
```
#ebd0a7
```
#ebd0a7 rgb(235,208,167)
```
#efd9b7
```
#efd9b7 rgb(239,217,183)
```
#f2e1c7
```
#f2e1c7 rgb(242,225,199)
```
#f6ead7
```
#f6ead7 rgb(246,234,215)
```
#faf2e7
```
#faf2e7 rgb(250,242,231)
```
#fdfbf7
```
#fdfbf7 rgb(253,251,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 #b57005 is the most saturated one.

#5f5d5b
```
#5f5d5b rgb(95,93,91)
```
#665f54
```
#665f54 rgb(102,95,84)
```
#6d614d
```
#6d614d rgb(109,97,77)
```
#746246
```
#746246 rgb(116,98,70)
```
#7b643f
```
#7b643f rgb(123,100,63)
```
#836537
```
#836537 rgb(131,101,55)
```
#8a6730
```
#8a6730 rgb(138,103,48)
```
#916829
```
#916829 rgb(145,104,41)
```
#986a22
```
#986a22 rgb(152,106,34)
```
#9f6c1b
```
#9f6c1b rgb(159,108,27)
```
#a66d14
```
#a66d14 rgb(166,109,20)
```
#ad6f0d
```
#ad6f0d rgb(173,111,13)
```
#b57005
```
#b57005 rgb(181,112,5)
```

Tone Color Variation

Below, you can see how #986a22 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
#786f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a2f Protanopia 1% of men
#97742c Deuteranopia 1% of men
#a26a72 Tritanopia 0.001% of the population

Trichromacy

#8d742a Protanomaly 1% of men, 0.01% of women
#977028 Deuteranomaly 6% of men, 0.4% of women
#9e6a55 Tritanomaly 0.01% of the population

#986a22 hex color

#986a22 Color Information

#986a22 Color Conversion

Color Schemes with #986a22

Alternatives to #986a22

#986a22 Preview

Shades and Tints of #986a22

Tones of #986a22

Color Blindness Simulator