#986e2e hex color

In a RGB color space, hex #986e2e is composed of 59.6% red, 43.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 69.7% yellow and 40.4% black. It has a hue angle of 36.2 degrees, a saturation of 53.5% and a lightness of 38.8%. #986e2e color hex could be obtained by blending #ffdc5c with #310000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 43
- B 18
RGB color chart
- C 0
- M 28
- Y 70
- K 40
CMYK color chart

● #986e2e color description : Dark moderate orange.

The hexadecimal color #986e2e has RGB values of R:152, G:110, B:46 and CMYK values of C:0, M:0.28, Y:0.7, K:0.4. Its decimal value is 9989678.

Hex triplet	986e2e	`#986e2e`
RGB Decimal	152, 110, 46	`rgb(152,110,46)`
RGB Percent	59.6, 43.1, 18	`rgb(59.6%,43.1%,18%)`
CMYK	0, 28, 70, 40
HSL	36.2°, 53.5, 38.8	`hsl(36.2,53.5%,38.8%)`
HSV (or HSB)	36.2°, 69.7, 59.6
Web Safe	996633	`#996633`

CIE-LAB	49.527, 10.003, 41.062
XYZ	19.018, 18.026, 5.062
xyY	0.452, 0.428, 18.026
CIE-LCH	49.527, 42.263, 76.309
CIE-LUV	49.527, 33.427, 41.39
Hunter-Lab	42.457, 5.66, 22.65
Binary	10011000, 01101110, 00101110

#986e2e
```
#986e2e rgb(152,110,46)
```
#2e5898
```
#2e5898 rgb(46,88,152)
```

Complementary Color

#98392e
```
#98392e rgb(152,57,46)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#8d982e
```
#8d982e rgb(141,152,46)
```

Analogous Color

#392e98
```
#392e98 rgb(57,46,152)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#2e8d98
```
#2e8d98 rgb(46,141,152)
```

Split Complementary Color

#6e2e98
```
#6e2e98 rgb(110,46,152)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#2e986e
```
#2e986e rgb(46,152,110)
```

Triadic Color

#982e58
```
#982e58 rgb(152,46,88)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#2e986e
```
#2e986e rgb(46,152,110)
```
#2e5898
```
#2e5898 rgb(46,88,152)
```

Tetradic Color

#5d441c
```
#5d441c rgb(93,68,28)
```
#715222
```
#715222 rgb(113,82,34)
```
#846028
```
#846028 rgb(132,96,40)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#ac7c34
```
#ac7c34 rgb(172,124,52)
```
#bf8a3a
```
#bf8a3a rgb(191,138,58)
```
#c8964a
```
#c8964a rgb(200,150,74)
```

Monochromatic Color

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

#98542e
```
#98542e rgb(152,84,46)
```
#985c2e
```
#985c2e rgb(152,92,46)
```
#98652e
```
#98652e rgb(152,101,46)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#98772e
```
#98772e rgb(152,119,46)
```
#98802e
```
#98802e rgb(152,128,46)
```
#98892e
```
#98892e rgb(152,137,46)
```

Similar Colors

Text with hexadecimal color #986e2e

This text has a font color of #986e2e.

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

#986e2e background color

This paragraph has a background color of #986e2e.

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

#986e2e border color

This element has a border color of #986e2e.

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

CSS codes

.text {color:#986e2e;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100c05
```
#100c05 rgb(16,12,5)
```
#20170a
```
#20170a rgb(32,23,10)
```
#2f220e
```
#2f220e rgb(47,34,14)
```
#3e2d13
```
#3e2d13 rgb(62,45,19)
```
#4d3817
```
#4d3817 rgb(77,56,23)
```
#5c421c
```
#5c421c rgb(92,66,28)
```
#6b4d20
```
#6b4d20 rgb(107,77,32)
```
#7a5825
```
#7a5825 rgb(122,88,37)
```
#896329
```
#896329 rgb(137,99,41)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#a77933
```
#a77933 rgb(167,121,51)
```
#b68437
```
#b68437 rgb(182,132,55)
```

Shade Color Variation

#c48e3d
```
#c48e3d rgb(196,142,61)
```
#c9974c
```
#c9974c rgb(201,151,76)
```
#cda05b
```
#cda05b rgb(205,160,91)
```
#d2a96a
```
#d2a96a rgb(210,169,106)
```
#d6b179
```
#d6b179 rgb(214,177,121)
```
#dbba88
```
#dbba88 rgb(219,186,136)
```
#e0c397
```
#e0c397 rgb(224,195,151)
```
#e4cca6
```
#e4cca6 rgb(228,204,166)
```
#e9d4b5
```
#e9d4b5 rgb(233,212,181)
```
#edddc4
```
#edddc4 rgb(237,221,196)
```
#f2e6d3
```
#f2e6d3 rgb(242,230,211)
```
#f6eee2
```
#f6eee2 rgb(246,238,226)
```
#fbf7f1
```
#fbf7f1 rgb(251,247,241)
```

Tint Color Variation

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

#6a655c
```
#6a655c rgb(106,101,92)
```
#726654
```
#726654 rgb(114,102,84)
```
#7a684c
```
#7a684c rgb(122,104,76)
```
#816945
```
#816945 rgb(129,105,69)
```
#896b3d
```
#896b3d rgb(137,107,61)
```
#906c36
```
#906c36 rgb(144,108,54)
```
#986e2e
```
#986e2e rgb(152,110,46)
```
#a07026
```
#a07026 rgb(160,112,38)
```
#a7711f
```
#a7711f rgb(167,113,31)
```
#af7317
```
#af7317 rgb(175,115,23)
```
#b67410
```
#b67410 rgb(182,116,16)
```
#be7608
```
#be7608 rgb(190,118,8)
```
#c67700
```
#c67700 rgb(198,119,0)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#7a7265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7d3b Protanopia 1% of men
#997738 Deuteranopia 1% of men
#a26e76 Tritanopia 0.001% of the population

Trichromacy

#8f7736 Protanomaly 1% of men, 0.01% of women
#997334 Deuteranomaly 6% of men, 0.4% of women
#9e6e5c Tritanomaly 0.01% of the population

#986e2e hex color

#986e2e Color Information

#986e2e Color Conversion

Color Schemes with #986e2e

Alternatives to #986e2e

#986e2e Preview

Shades and Tints of #986e2e

Tones of #986e2e

Color Blindness Simulator