#986e2a hex color

In a RGB color space, hex #986e2a is composed of 59.6% red, 43.1% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 72.4% yellow and 40.4% black. It has a hue angle of 37.1 degrees, a saturation of 56.7% and a lightness of 38%. #986e2a color hex could be obtained by blending #ffdc54 with #310000. Closest websafe color is: #996633.

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

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

The hexadecimal color #986e2a has RGB values of R:152, G:110, B:42 and CMYK values of C:0, M:0.28, Y:0.72, K:0.4. Its decimal value is 9989674.

Hex triplet	986e2a	`#986e2a`
RGB Decimal	152, 110, 42	`rgb(152,110,42)`
RGB Percent	59.6, 43.1, 16.5	`rgb(59.6%,43.1%,16.5%)`
CMYK	0, 28, 72, 40
HSL	37.1°, 56.7, 38	`hsl(37.1,56.7%,38%)`
HSV (or HSB)	37.1°, 72.4, 59.6
Web Safe	996633	`#996633`

CIE-LAB	49.491, 9.774, 42.926
XYZ	18.943, 17.995, 4.666
xyY	0.455, 0.433, 17.995
CIE-LCH	49.491, 44.025, 77.173
CIE-LUV	49.491, 33.673, 42.724
Hunter-Lab	42.421, 5.472, 23.173
Binary	10011000, 01101110, 00101010

#986e2a
```
#986e2a rgb(152,110,42)
```
#2a5498
```
#2a5498 rgb(42,84,152)
```

Complementary Color

#98372a
```
#98372a rgb(152,55,42)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#8b982a
```
#8b982a rgb(139,152,42)
```

Analogous Color

#372a98
```
#372a98 rgb(55,42,152)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#2a8b98
```
#2a8b98 rgb(42,139,152)
```

Split Complementary Color

#6e2a98
```
#6e2a98 rgb(110,42,152)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#2a986e
```
#2a986e rgb(42,152,110)
```

Triadic Color

#982a54
```
#982a54 rgb(152,42,84)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#2a986e
```
#2a986e rgb(42,152,110)
```
#2a5498
```
#2a5498 rgb(42,84,152)
```

Tetradic Color

#5c4319
```
#5c4319 rgb(92,67,25)
```
#70511f
```
#70511f rgb(112,81,31)
```
#846024
```
#846024 rgb(132,96,36)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#ac7c30
```
#ac7c30 rgb(172,124,48)
```
#c08b35
```
#c08b35 rgb(192,139,53)
```
#cb9743
```
#cb9743 rgb(203,151,67)
```

Monochromatic Color

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

#98532a
```
#98532a rgb(152,83,42)
```
#985c2a
```
#985c2a rgb(152,92,42)
```
#98652a
```
#98652a rgb(152,101,42)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#98772a
```
#98772a rgb(152,119,42)
```
#98802a
```
#98802a rgb(152,128,42)
```
#988a2a
```
#988a2a rgb(152,138,42)
```

Similar Colors

Text with hexadecimal color #986e2a

This text has a font color of #986e2a.

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

#986e2a background color

This paragraph has a background color of #986e2a.

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

#986e2a border color

This element has a border color of #986e2a.

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

CSS codes

.text {color:#986e2a;}

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

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

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, #0e0a04 is the darkest color, while #fffefd is the lightest one.

#0e0a04
```
#0e0a04 rgb(14,10,4)
```
#1d1508
```
#1d1508 rgb(29,21,8)
```
#2c200c
```
#2c200c rgb(44,32,12)
```
#3c2b11
```
#3c2b11 rgb(60,43,17)
```
#4b3615
```
#4b3615 rgb(75,54,21)
```
#5b4219
```
#5b4219 rgb(91,66,25)
```
#6a4d1d
```
#6a4d1d rgb(106,77,29)
```
#795822
```
#795822 rgb(121,88,34)
```
#896326
```
#896326 rgb(137,99,38)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#a7792e
```
#a7792e rgb(167,121,46)
```
#b78432
```
#b78432 rgb(183,132,50)
```
#c68f37
```
#c68f37 rgb(198,143,55)
```

Shade Color Variation

#cc9845
```
#cc9845 rgb(204,152,69)
```
#d0a154
```
#d0a154 rgb(208,161,84)
```
#d4a964
```
#d4a964 rgb(212,169,100)
```
#d8b273
```
#d8b273 rgb(216,178,115)
```
#ddba82
```
#ddba82 rgb(221,186,130)
```
#e1c392
```
#e1c392 rgb(225,195,146)
```
#e5cba1
```
#e5cba1 rgb(229,203,161)
```
#e9d4b0
```
#e9d4b0 rgb(233,212,176)
```
#eedcc0
```
#eedcc0 rgb(238,220,192)
```
#f2e5cf
```
#f2e5cf rgb(242,229,207)
```
#f6eddf
```
#f6eddf rgb(246,237,223)
```
#faf6ee
```
#faf6ee rgb(250,246,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#64625e
```
#64625e rgb(100,98,94)
```
#6b6357
```
#6b6357 rgb(107,99,87)
```
#73654f
```
#73654f rgb(115,101,79)
```
#7a6748
```
#7a6748 rgb(122,103,72)
```
#826940
```
#826940 rgb(130,105,64)
```
#896a39
```
#896a39 rgb(137,106,57)
```
#916c31
```
#916c31 rgb(145,108,49)
```
#986e2a
```
#986e2a rgb(152,110,42)
```
#9f7023
```
#9f7023 rgb(159,112,35)
```
#a7721b
```
#a7721b rgb(167,114,27)
```
#ae7314
```
#ae7314 rgb(174,115,20)
```
#b6750c
```
#b6750c rgb(182,117,12)
```
#bd7705
```
#bd7705 rgb(189,119,5)
```

Tone Color Variation

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

Dichromacy

#8a7c37 Protanopia 1% of men
#997734 Deuteranopia 1% of men
#a26e76 Tritanopia 0.001% of the population

Trichromacy

#8f7732 Protanomaly 1% of men, 0.01% of women
#997330 Deuteranomaly 6% of men, 0.4% of women
#9e6e5a Tritanomaly 0.01% of the population

#986e2a hex color

#986e2a Color Information

#986e2a Color Conversion

Color Schemes with #986e2a

Alternatives to #986e2a

#986e2a Preview

Shades and Tints of #986e2a

Tones of #986e2a

Color Blindness Simulator