#dc986f hex color

In a RGB color space, hex #dc986f is composed of 86.3% red, 59.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.9% magenta, 49.5% yellow and 13.7% black. It has a hue angle of 22.6 degrees, a saturation of 60.9% and a lightness of 64.9%. #dc986f color hex could be obtained by blending #ffffde with #b93100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 86
- G 60
- B 44
RGB color chart
- C 0
- M 31
- Y 50
- K 14
CMYK color chart

● #dc986f color description : Soft orange.

The hexadecimal color #dc986f has RGB values of R:220, G:152, B:111 and CMYK values of C:0, M:0.31, Y:0.5, K:0.14. Its decimal value is 14456943.

Hex triplet	dc986f	`#dc986f`
RGB Decimal	220, 152, 111	`rgb(220,152,111)`
RGB Percent	86.3, 59.6, 43.5	`rgb(86.3%,59.6%,43.5%)`
CMYK	0, 31, 50, 14
HSL	22.6°, 60.9, 64.9	`hsl(22.6,60.9%,64.9%)`
HSV (or HSB)	22.6°, 49.5, 86.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.622, 20.901, 31.769
XYZ	43.613, 38.822, 20.234
xyY	0.425, 0.378, 38.822
CIE-LCH	68.622, 38.028, 56.658
CIE-LUV	68.622, 50.156, 36.14
Hunter-Lab	62.308, 15.906, 24.361
Binary	11011100, 10011000, 01101111

#dc986f
```
#dc986f rgb(220,152,111)
```
#6fb3dc
```
#6fb3dc rgb(111,179,220)
```

Complementary Color

#dc6f7d
```
#dc6f7d rgb(220,111,125)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#dccf6f
```
#dccf6f rgb(220,207,111)
```

Analogous Color

#6f7ddc
```
#6f7ddc rgb(111,125,220)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#6fdccf
```
#6fdccf rgb(111,220,207)
```

Split Complementary Color

#986fdc
```
#986fdc rgb(152,111,220)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#6fdc98
```
#6fdc98 rgb(111,220,152)
```

Triadic Color

#dc6fb3
```
#dc6fb3 rgb(220,111,179)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#6fdc98
```
#6fdc98 rgb(111,220,152)
```
#6fb3dc
```
#6fb3dc rgb(111,179,220)
```

Tetradic Color

#cd6c32
```
#cd6c32 rgb(205,108,50)
```
#d27b46
```
#d27b46 rgb(210,123,70)
```
#d7895a
```
#d7895a rgb(215,137,90)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#e1a784
```
#e1a784 rgb(225,167,132)
```
#e6b598
```
#e6b598 rgb(230,181,152)
```
#ebc4ad
```
#ebc4ad rgb(235,196,173)
```

Monochromatic Color

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

#dc7d6f
```
#dc7d6f rgb(220,125,111)
```
#dc866f
```
#dc866f rgb(220,134,111)
```
#dc8f6f
```
#dc8f6f rgb(220,143,111)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#dca16f
```
#dca16f rgb(220,161,111)
```
#dcaa6f
```
#dcaa6f rgb(220,170,111)
```
#dcb36f
```
#dcb36f rgb(220,179,111)
```

Similar Colors

Text with hexadecimal color #dc986f

This text has a font color of #dc986f.

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

#dc986f background color

This paragraph has a background color of #dc986f.

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

#dc986f border color

This element has a border color of #dc986f.

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

CSS codes

.text {color:#dc986f;}

.background {background-color:#dc986f;}

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

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

#0e0703
```
#0e0703 rgb(14,7,3)
```
#1e1007
```
#1e1007 rgb(30,16,7)
```
#2d180b
```
#2d180b rgb(45,24,11)
```
#3d200f
```
#3d200f rgb(61,32,15)
```
#4d2913
```
#4d2913 rgb(77,41,19)
```
#5d3117
```
#5d3117 rgb(93,49,23)
```
#6c391a
```
#6c391a rgb(108,57,26)
```
#7c421e
```
#7c421e rgb(124,66,30)
```
#8c4a22
```
#8c4a22 rgb(140,74,34)
```
#9c5226
```
#9c5226 rgb(156,82,38)
```
#ac5b2a
```
#ac5b2a rgb(172,91,42)
```
#bb632e
```
#bb632e rgb(187,99,46)
```
#cb6b31
```
#cb6b31 rgb(203,107,49)
```

Shade Color Variation

#d07640
```
#d07640 rgb(208,118,64)
```
#d4814f
```
#d4814f rgb(212,129,79)
```
#d88d5f
```
#d88d5f rgb(216,141,95)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#e0a37f
```
#e0a37f rgb(224,163,127)
```
#e4af8f
```
#e4af8f rgb(228,175,143)
```
#e8ba9e
```
#e8ba9e rgb(232,186,158)
```
#ebc5ae
```
#ebc5ae rgb(235,197,174)
```
#efd0be
```
#efd0be rgb(239,208,190)
```
#f3dcce
```
#f3dcce rgb(243,220,206)
```
#f7e7dd
```
#f7e7dd rgb(247,231,221)
```
#fbf2ed
```
#fbf2ed rgb(251,242,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#aca49f
```
#aca49f rgb(172,164,159)
```
#b3a298
```
#b3a298 rgb(179,162,152)
```
#baa191
```
#baa191 rgb(186,161,145)
```
#c09f8b
```
#c09f8b rgb(192,159,139)
```
#c79d84
```
#c79d84 rgb(199,157,132)
```
#ce9b7d
```
#ce9b7d rgb(206,155,125)
```
#d59a76
```
#d59a76 rgb(213,154,118)
```
#dc986f
```
#dc986f rgb(220,152,111)
```
#e39668
```
#e39668 rgb(227,150,104)
```
#ea9561
```
#ea9561 rgb(234,149,97)
```
#f1935a
```
#f1935a rgb(241,147,90)
```
#f89153
```
#f89153 rgb(248,145,83)
```
#fe8f4d
```
#fe8f4d rgb(254,143,77)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b2a59d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ab7c Protanopia 1% of men
#cda474 Deuteranopia 1% of men
#e197a1 Tritanopia 0.001% of the population

Trichromacy

#c5a477 Protanomaly 1% of men, 0.01% of women
#d2a072 Deuteranomaly 6% of men, 0.4% of women
#df978f Tritanomaly 0.01% of the population

#dc986f hex color

#dc986f Color Information

#dc986f Color Conversion

Color Schemes with #dc986f

Alternatives to #dc986f

#dc986f Preview

Shades and Tints of #dc986f

Tones of #dc986f

Color Blindness Simulator