#986e48 hex color

In a RGB color space, hex #986e48 is composed of 59.6% red, 43.1% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 52.6% yellow and 40.4% black. It has a hue angle of 28.5 degrees, a saturation of 35.7% and a lightness of 43.9%. #986e48 color hex could be obtained by blending #ffdc90 with #310000. Closest websafe color is: #996633.

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

● #986e48 color description : Dark moderate orange.

The hexadecimal color #986e48 has RGB values of R:152, G:110, B:72 and CMYK values of C:0, M:0.28, Y:0.53, K:0.4. Its decimal value is 9989704.

Hex triplet	986e48	`#986e48`
RGB Decimal	152, 110, 72	`rgb(152,110,72)`
RGB Percent	59.6, 43.1, 28.2	`rgb(59.6%,43.1%,28.2%)`
CMYK	0, 28, 53, 40
HSL	28.5°, 35.7, 43.9	`hsl(28.5,35.7%,43.9%)`
HSV (or HSB)	28.5°, 52.6, 59.6
Web Safe	996633	`#996633`

CIE-LAB	49.853, 12.024, 27.647
XYZ	19.695, 18.296, 8.625
xyY	0.422, 0.392, 18.296
CIE-LCH	49.853, 30.148, 66.496
CIE-LUV	49.853, 31.326, 29.958
Hunter-Lab	42.774, 7.333, 17.987
Binary	10011000, 01101110, 01001000

#986e48
```
#986e48 rgb(152,110,72)
```
#487298
```
#487298 rgb(72,114,152)
```

Complementary Color

#98484a
```
#98484a rgb(152,72,74)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#989648
```
#989648 rgb(152,150,72)
```

Analogous Color

#484a98
```
#484a98 rgb(72,74,152)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#489896
```
#489896 rgb(72,152,150)
```

Split Complementary Color

#6e4898
```
#6e4898 rgb(110,72,152)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#48986e
```
#48986e rgb(72,152,110)
```

Triadic Color

#984872
```
#984872 rgb(152,72,114)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#48986e
```
#48986e rgb(72,152,110)
```
#487298
```
#487298 rgb(72,114,152)
```

Tetradic Color

#64482f
```
#64482f rgb(100,72,47)
```
#755538
```
#755538 rgb(117,85,56)
```
#876140
```
#876140 rgb(135,97,64)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#a97b50
```
#a97b50 rgb(169,123,80)
```
#b38760
```
#b38760 rgb(179,135,96)
```
#bc9471
```
#bc9471 rgb(188,148,113)
```

Monochromatic Color

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

#985a48
```
#985a48 rgb(152,90,72)
```
#986148
```
#986148 rgb(152,97,72)
```
#986748
```
#986748 rgb(152,103,72)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#987548
```
#987548 rgb(152,117,72)
```
#987b48
```
#987b48 rgb(152,123,72)
```
#988248
```
#988248 rgb(152,130,72)
```

Similar Colors

Text with hexadecimal color #986e48

This text has a font color of #986e48.

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

#986e48 background color

This paragraph has a background color of #986e48.

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

#986e48 border color

This element has a border color of #986e48.

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

CSS codes

.text {color:#986e48;}

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

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

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

#060403
```
#060403 rgb(6,4,3)
```
#130e09
```
#130e09 rgb(19,14,9)
```
#20170f
```
#20170f rgb(32,23,15)
```
#2e2116
```
#2e2116 rgb(46,33,22)
```
#3b2b1c
```
#3b2b1c rgb(59,43,28)
```
#483422
```
#483422 rgb(72,52,34)
```
#553e28
```
#553e28 rgb(85,62,40)
```
#63472f
```
#63472f rgb(99,71,47)
```
#705135
```
#705135 rgb(112,81,53)
```
#7d5b3b
```
#7d5b3b rgb(125,91,59)
```
#8b6442
```
#8b6442 rgb(139,100,66)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#a5784e
```
#a5784e rgb(165,120,78)
```

Shade Color Variation

#b08158
```
#b08158 rgb(176,129,88)
```
#b68b65
```
#b68b65 rgb(182,139,101)
```
#bc9572
```
#bc9572 rgb(188,149,114)
```
#c39f7f
```
#c39f7f rgb(195,159,127)
```
#c9a98d
```
#c9a98d rgb(201,169,141)
```
#cfb39a
```
#cfb39a rgb(207,179,154)
```
#d6bda7
```
#d6bda7 rgb(214,189,167)
```
#dcc7b5
```
#dcc7b5 rgb(220,199,181)
```
#e2d1c2
```
#e2d1c2 rgb(226,209,194)
```
#e8dbcf
```
#e8dbcf rgb(232,219,207)
```
#efe5dd
```
#efe5dd rgb(239,229,221)
```
#f5efea
```
#f5efea rgb(245,239,234)
```
#fbf9f7
```
#fbf9f7 rgb(251,249,247)
```

Tint Color Variation

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

#76706a
```
#76706a rgb(118,112,106)
```
#7e6f62
```
#7e6f62 rgb(126,111,98)
```
#876f59
```
#876f59 rgb(135,111,89)
```
#8f6e51
```
#8f6e51 rgb(143,110,81)
```
#986e48
```
#986e48 rgb(152,110,72)
```
#a16e3f
```
#a16e3f rgb(161,110,63)
```
#a96d37
```
#a96d37 rgb(169,109,55)
```
#b26d2e
```
#b26d2e rgb(178,109,46)
```
#ba6c26
```
#ba6c26 rgb(186,108,38)
```
#c36c1d
```
#c36c1d rgb(195,108,29)
```
#cc6b14
```
#cc6b14 rgb(204,107,20)
```
#d46b0c
```
#d46b0c rgb(212,107,12)
```
#dd6b03
```
#dd6b03 rgb(221,107,3)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#7d746d Atypical Achromatopsia 0.001% of the population

Dichromacy

#887d54 Protanopia 1% of men
#967850 Deuteranopia 1% of men
#a07078 Tritanopia 0.001% of the population

Trichromacy

#8d774f Protanomaly 1% of men, 0.01% of women
#97744d Deuteranomaly 6% of men, 0.4% of women
#9d6f66 Tritanomaly 0.01% of the population

#986e48 hex color

#986e48 Color Information

#986e48 Color Conversion

Color Schemes with #986e48

Alternatives to #986e48

#986e48 Preview

Shades and Tints of #986e48

Tones of #986e48

Color Blindness Simulator