#dc986a hex color

In a RGB color space, hex #dc986a is composed of 86.3% red, 59.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.9% magenta, 51.8% yellow and 13.7% black. It has a hue angle of 24.2 degrees, a saturation of 62% and a lightness of 63.9%. #dc986a color hex could be obtained by blending #ffffd4 with #b93100. Closest websafe color is: #cc9966.

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

● #dc986a color description : Soft orange.

The hexadecimal color #dc986a has RGB values of R:220, G:152, B:106 and CMYK values of C:0, M:0.31, Y:0.52, K:0.14. Its decimal value is 14456938.

Hex triplet	dc986a	`#dc986a`
RGB Decimal	220, 152, 106	`rgb(220,152,106)`
RGB Percent	86.3, 59.6, 41.6	`rgb(86.3%,59.6%,41.6%)`
CMYK	0, 31, 52, 14
HSL	24.2°, 62, 63.9	`hsl(24.2,62%,63.9%)`
HSV (or HSB)	24.2°, 51.8, 86.3
Web Safe	cc9966	`#cc9966`

CIE-LAB	68.544, 20.446, 34.349
XYZ	43.345, 38.715, 18.825
xyY	0.43, 0.384, 38.715
CIE-LCH	68.544, 39.974, 59.237
CIE-LUV	68.544, 50.728, 38.903
Hunter-Lab	62.222, 15.461, 25.617
Binary	11011100, 10011000, 01101010

#dc986a
```
#dc986a rgb(220,152,106)
```
#6aaedc
```
#6aaedc rgb(106,174,220)
```

Complementary Color

#dc6a75
```
#dc6a75 rgb(220,106,117)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#dcd16a
```
#dcd16a rgb(220,209,106)
```

Analogous Color

#6a75dc
```
#6a75dc rgb(106,117,220)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#6adcd1
```
#6adcd1 rgb(106,220,209)
```

Split Complementary Color

#986adc
```
#986adc rgb(152,106,220)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#6adc98
```
#6adc98 rgb(106,220,152)
```

Triadic Color

#dc6aae
```
#dc6aae rgb(220,106,174)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#6adc98
```
#6adc98 rgb(106,220,152)
```
#6aaedc
```
#6aaedc rgb(106,174,220)
```

Tetradic Color

#ca6e2f
```
#ca6e2f rgb(202,110,47)
```
#d27b41
```
#d27b41 rgb(210,123,65)
```
#d78a55
```
#d78a55 rgb(215,138,85)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#e1a67f
```
#e1a67f rgb(225,166,127)
```
#e6b593
```
#e6b593 rgb(230,181,147)
```
#ebc3a8
```
#ebc3a8 rgb(235,195,168)
```

Monochromatic Color

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

#dc7c6a
```
#dc7c6a rgb(220,124,106)
```
#dc856a
```
#dc856a rgb(220,133,106)
```
#dc8f6a
```
#dc8f6a rgb(220,143,106)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#dca26a
```
#dca26a rgb(220,162,106)
```
#dcab6a
```
#dcab6a rgb(220,171,106)
```
#dcb56a
```
#dcb56a rgb(220,181,106)
```

Similar Colors

Text with hexadecimal color #dc986a

This text has a font color of #dc986a.

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

#dc986a background color

This paragraph has a background color of #dc986a.

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

#dc986a border color

This element has a border color of #dc986a.

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

CSS codes

.text {color:#dc986a;}

.background {background-color:#dc986a;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1a0e06
```
#1a0e06 rgb(26,14,6)
```
#2a170a
```
#2a170a rgb(42,23,10)
```
#391f0e
```
#391f0e rgb(57,31,14)
```
#492811
```
#492811 rgb(73,40,17)
```
#593115
```
#593115 rgb(89,49,21)
```
#693919
```
#693919 rgb(105,57,25)
```
#79421c
```
#79421c rgb(121,66,28)
```
#894a20
```
#894a20 rgb(137,74,32)
```
#995324
```
#995324 rgb(153,83,36)
```
#a95c28
```
#a95c28 rgb(169,92,40)
```
#b9642b
```
#b9642b rgb(185,100,43)
```
#c86d2f
```
#c86d2f rgb(200,109,47)
```

Shade Color Variation

#d1773a
```
#d1773a rgb(209,119,58)
```
#d5824a
```
#d5824a rgb(213,130,74)
```
#d88d5a
```
#d88d5a rgb(216,141,90)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#e0a37a
```
#e0a37a rgb(224,163,122)
```
#e3ae8a
```
#e3ae8a rgb(227,174,138)
```
#e7b99a
```
#e7b99a rgb(231,185,154)
```
#ebc4aa
```
#ebc4aa rgb(235,196,170)
```
#efcfb9
```
#efcfb9 rgb(239,207,185)
```
#f2dac9
```
#f2dac9 rgb(242,218,201)
```
#f6e5d9
```
#f6e5d9 rgb(246,229,217)
```
#faf0e9
```
#faf0e9 rgb(250,240,233)
```
#fefbf9
```
#fefbf9 rgb(254,251,249)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#aaa29c
```
#aaa29c rgb(170,162,156)
```
#b2a094
```
#b2a094 rgb(178,160,148)
```
#b99f8d
```
#b99f8d rgb(185,159,141)
```
#c09d86
```
#c09d86 rgb(192,157,134)
```
#c79c7f
```
#c79c7f rgb(199,156,127)
```
#ce9b78
```
#ce9b78 rgb(206,155,120)
```
#d59971
```
#d59971 rgb(213,153,113)
```
#dc986a
```
#dc986a rgb(220,152,106)
```
#e39763
```
#e39763 rgb(227,151,99)
```
#ea955c
```
#ea955c rgb(234,149,92)
```
#f19455
```
#f19455 rgb(241,148,85)
```
#f8934e
```
#f8934e rgb(248,147,78)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b2a49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ab77 Protanopia 1% of men
#cda46f Deuteranopia 1% of men
#e297a1 Tritanopia 0.001% of the population

Trichromacy

#c6a472 Protanomaly 1% of men, 0.01% of women
#d2a06d Deuteranomaly 6% of men, 0.4% of women
#df978d Tritanomaly 0.01% of the population

#dc986a hex color

#dc986a Color Information

#dc986a Color Conversion

Color Schemes with #dc986a

Alternatives to #dc986a

#dc986a Preview

Shades and Tints of #dc986a

Tones of #dc986a

Color Blindness Simulator