#dd986f hex color

In a RGB color space, hex #dd986f is composed of 86.7% red, 59.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.2% magenta, 49.8% yellow and 13.3% black. It has a hue angle of 22.4 degrees, a saturation of 61.8% and a lightness of 65.1%. #dd986f color hex could be obtained by blending #ffffde with #bb3100. Closest websafe color is: #cc9966.

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

● #dd986f color description : Soft orange.

The hexadecimal color #dd986f has RGB values of R:221, G:152, B:111 and CMYK values of C:0, M:0.31, Y:0.5, K:0.13. Its decimal value is 14522479.

Hex triplet	dd986f	`#dd986f`
RGB Decimal	221, 152, 111	`rgb(221,152,111)`
RGB Percent	86.7, 59.6, 43.5	`rgb(86.7%,59.6%,43.5%)`
CMYK	0, 31, 50, 13
HSL	22.4°, 61.8, 65.1	`hsl(22.4,61.8%,65.1%)`
HSV (or HSB)	22.4°, 49.8, 86.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.736, 21.305, 31.938
XYZ	43.917, 38.979, 20.249
xyY	0.426, 0.378, 38.979
CIE-LCH	68.736, 38.391, 56.294
CIE-LUV	68.736, 50.926, 36.248
Hunter-Lab	62.433, 16.303, 24.474
Binary	11011101, 10011000, 01101111

#dd986f
```
#dd986f rgb(221,152,111)
```
#6fb4dd
```
#6fb4dd rgb(111,180,221)
```

Complementary Color

#dd6f7d
```
#dd6f7d rgb(221,111,125)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#ddcf6f
```
#ddcf6f rgb(221,207,111)
```

Analogous Color

#6f7ddd
```
#6f7ddd rgb(111,125,221)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#6fddcf
```
#6fddcf rgb(111,221,207)
```

Split Complementary Color

#986fdd
```
#986fdd rgb(152,111,221)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#6fdd98
```
#6fdd98 rgb(111,221,152)
```

Triadic Color

#dd6fb4
```
#dd6fb4 rgb(221,111,180)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#6fdd98
```
#6fdd98 rgb(111,221,152)
```
#6fb4dd
```
#6fb4dd rgb(111,180,221)
```

Tetradic Color

#ce6c31
```
#ce6c31 rgb(206,108,49)
```
#d37a46
```
#d37a46 rgb(211,122,70)
```
#d8895a
```
#d8895a rgb(216,137,90)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#e2a784
```
#e2a784 rgb(226,167,132)
```
#e7b698
```
#e7b698 rgb(231,182,152)
```
#ecc4ad
```
#ecc4ad rgb(236,196,173)
```

Monochromatic Color

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

#dd7d6f
```
#dd7d6f rgb(221,125,111)
```
#dd866f
```
#dd866f rgb(221,134,111)
```
#dd8f6f
```
#dd8f6f rgb(221,143,111)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#dda16f
```
#dda16f rgb(221,161,111)
```
#ddaa6f
```
#ddaa6f rgb(221,170,111)
```
#ddb46f
```
#ddb46f rgb(221,180,111)
```

Similar Colors

Text with hexadecimal color #dd986f

This text has a font color of #dd986f.

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

#dd986f background color

This paragraph has a background color of #dd986f.

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

#dd986f border color

This element has a border color of #dd986f.

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

CSS codes

.text {color:#dd986f;}

.background {background-color:#dd986f;}

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

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

#0f0803
```
#0f0803 rgb(15,8,3)
```
#1f1007
```
#1f1007 rgb(31,16,7)
```
#2e180b
```
#2e180b rgb(46,24,11)
```
#3e200f
```
#3e200f rgb(62,32,15)
```
#4e2912
```
#4e2912 rgb(78,41,18)
```
#5e3116
```
#5e3116 rgb(94,49,22)
```
#6e391a
```
#6e391a rgb(110,57,26)
```
#7e421e
```
#7e421e rgb(126,66,30)
```
#8e4a21
```
#8e4a21 rgb(142,74,33)
```
#9e5225
```
#9e5225 rgb(158,82,37)
```
#ad5a29
```
#ad5a29 rgb(173,90,41)
```
#bd632d
```
#bd632d rgb(189,99,45)
```
#cd6b30
```
#cd6b30 rgb(205,107,48)
```

Shade Color Variation

#d2763f
```
#d2763f rgb(210,118,63)
```
#d6814f
```
#d6814f rgb(214,129,79)
```
#d98d5f
```
#d98d5f rgb(217,141,95)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#e1a37f
```
#e1a37f rgb(225,163,127)
```
#e4af8f
```
#e4af8f rgb(228,175,143)
```
#e8ba9f
```
#e8ba9f rgb(232,186,159)
```
#ecc5ae
```
#ecc5ae rgb(236,197,174)
```
#f0d1be
```
#f0d1be rgb(240,209,190)
```
#f3dcce
```
#f3dcce rgb(243,220,206)
```
#f7e7de
```
#f7e7de rgb(247,231,222)
```
#fbf3ee
```
#fbf3ee rgb(251,243,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#ada49f
```
#ada49f rgb(173,164,159)
```
#b4a298
```
#b4a298 rgb(180,162,152)
```
#bba191
```
#bba191 rgb(187,161,145)
```
#c29f8a
```
#c29f8a rgb(194,159,138)
```
#c89d84
```
#c89d84 rgb(200,157,132)
```
#cf9b7d
```
#cf9b7d rgb(207,155,125)
```
#d69a76
```
#d69a76 rgb(214,154,118)
```
#dd986f
```
#dd986f rgb(221,152,111)
```
#e49668
```
#e49668 rgb(228,150,104)
```
#eb9561
```
#eb9561 rgb(235,149,97)
```
#f2935a
```
#f2935a rgb(242,147,90)
```
#f89154
```
#f89154 rgb(248,145,84)
```

Tone Color Variation

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

Dichromacy

#b9ac7c Protanopia 1% of men
#cda574 Deuteranopia 1% of men
#e297a1 Tritanopia 0.001% of the population

Trichromacy

#c6a477 Protanomaly 1% of men, 0.01% of women
#d3a072 Deuteranomaly 6% of men, 0.4% of women
#e0978f Tritanomaly 0.01% of the population

#dd986f hex color

#dd986f Color Information

#dd986f Color Conversion

Color Schemes with #dd986f

Alternatives to #dd986f

#dd986f Preview

Shades and Tints of #dd986f

Tones of #dd986f

Color Blindness Simulator