#dfc586 hex color

In a RGB color space, hex #dfc586 is composed of 87.5% red, 77.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.7% magenta, 39.9% yellow and 12.5% black. It has a hue angle of 42.5 degrees, a saturation of 58.2% and a lightness of 70%. #dfc586 color hex could be obtained by blending #ffffff with #bf8b0d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 87
- G 77
- B 53
RGB color chart
- C 0
- M 12
- Y 40
- K 13
CMYK color chart

● #dfc586 color description : Very soft orange.

The hexadecimal color #dfc586 has RGB values of R:223, G:197, B:134 and CMYK values of C:0, M:0.12, Y:0.4, K:0.13. Its decimal value is 14665094.

Hex triplet	dfc586	`#dfc586`
RGB Decimal	223, 197, 134	`rgb(223,197,134)`
RGB Percent	87.5, 77.3, 52.5	`rgb(87.5%,77.3%,52.5%)`
CMYK	0, 12, 40, 13
HSL	42.5°, 58.2, 70	`hsl(42.5,58.2%,70%)`
HSV (or HSB)	42.5°, 39.9, 87.5
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.372, 0.501, 34.956
XYZ	54.7, 57.343, 30.74
xyY	0.383, 0.402, 57.343
CIE-LCH	80.372, 34.959, 89.178
CIE-LUV	80.372, 20.298, 46.109
Hunter-Lab	75.725, -3.579, 28.939
Binary	11011111, 11000101, 10000110

#dfc586
```
#dfc586 rgb(223,197,134)
```
#86a0df
```
#86a0df rgb(134,160,223)
```

Complementary Color

#df9986
```
#df9986 rgb(223,153,134)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#cddf86
```
#cddf86 rgb(205,223,134)
```

Analogous Color

#9986df
```
#9986df rgb(153,134,223)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#86cddf
```
#86cddf rgb(134,205,223)
```

Split Complementary Color

#c586df
```
#c586df rgb(197,134,223)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#86dfc5
```
#86dfc5 rgb(134,223,197)
```

Triadic Color

#df86a0
```
#df86a0 rgb(223,134,160)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#86dfc5
```
#86dfc5 rgb(134,223,197)
```
#86a0df
```
#86a0df rgb(134,160,223)
```

Tetradic Color

#cfa84a
```
#cfa84a rgb(207,168,74)
```
#d4b25e
```
#d4b25e rgb(212,178,94)
```
#dabb72
```
#dabb72 rgb(218,187,114)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#e4cf9a
```
#e4cf9a rgb(228,207,154)
```
#ead8ae
```
#ead8ae rgb(234,216,174)
```
#efe2c3
```
#efe2c3 rgb(239,226,195)
```

Monochromatic Color

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

#dfaf86
```
#dfaf86 rgb(223,175,134)
```
#dfb686
```
#dfb686 rgb(223,182,134)
```
#dfbe86
```
#dfbe86 rgb(223,190,134)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#dfcc86
```
#dfcc86 rgb(223,204,134)
```
#dfd486
```
#dfd486 rgb(223,212,134)
```
#dfdb86
```
#dfdb86 rgb(223,219,134)
```

Similar Colors

Text with hexadecimal color #dfc586

This text has a font color of #dfc586.

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

#dfc586 background color

This paragraph has a background color of #dfc586.

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

#dfc586 border color

This element has a border color of #dfc586.

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

CSS codes

.text {color:#dfc586;}

.background {background-color:#dfc586;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130f05
```
#130f05 rgb(19,15,5)
```
#221b09
```
#221b09 rgb(34,27,9)
```
#32270d
```
#32270d rgb(50,39,13)
```
#413311
```
#413311 rgb(65,51,17)
```
#513f15
```
#513f15 rgb(81,63,21)
```
#604c19
```
#604c19 rgb(96,76,25)
```
#70581e
```
#70581e rgb(112,88,30)
```
#7f6422
```
#7f6422 rgb(127,100,34)
```
#8f7026
```
#8f7026 rgb(143,112,38)
```
#9e7c2a
```
#9e7c2a rgb(158,124,42)
```
#ae882e
```
#ae882e rgb(174,136,46)
```
#bd9532
```
#bd9532 rgb(189,149,50)
```

Shade Color Variation

#caa038
```
#caa038 rgb(202,160,56)
```
#cfa748
```
#cfa748 rgb(207,167,72)
```
#d3af57
```
#d3af57 rgb(211,175,87)
```
#d7b667
```
#d7b667 rgb(215,182,103)
```
#dbbe76
```
#dbbe76 rgb(219,190,118)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#e3cc96
```
#e3cc96 rgb(227,204,150)
```
#e7d4a5
```
#e7d4a5 rgb(231,212,165)
```
#ebdbb5
```
#ebdbb5 rgb(235,219,181)
```
#efe3c4
```
#efe3c4 rgb(239,227,196)
```
#f4ead4
```
#f4ead4 rgb(244,234,212)
```
#f8f2e3
```
#f8f2e3 rgb(248,242,227)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#b6b4af
```
#b6b4af rgb(182,180,175)
```
#bcb6a9
```
#bcb6a9 rgb(188,182,169)
```
#c2b9a3
```
#c2b9a3 rgb(194,185,163)
```
#c7bb9e
```
#c7bb9e rgb(199,187,158)
```
#cdbe98
```
#cdbe98 rgb(205,190,152)
```
#d3c092
```
#d3c092 rgb(211,192,146)
```
#d9c38c
```
#d9c38c rgb(217,195,140)
```
#dfc586
```
#dfc586 rgb(223,197,134)
```
#e5c780
```
#e5c780 rgb(229,199,128)
```
#ebca7a
```
#ebca7a rgb(235,202,122)
```
#f1cc74
```
#f1cc74 rgb(241,204,116)
```
#f7cf6e
```
#f7cf6e rgb(247,207,110)
```
#fcd169
```
#fcd169 rgb(252,209,105)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cbc6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca8d Protanopia 1% of men
#f0c28e Deuteranopia 1% of men
#e8bfcd Tritanopia 0.001% of the population

Trichromacy

#dcc88a Protanomaly 1% of men, 0.01% of women
#e9c38b Deuteranomaly 6% of men, 0.4% of women
#e4c1b3 Tritanomaly 0.01% of the population

#dfc586 hex color

#dfc586 Color Information

#dfc586 Color Conversion

Color Schemes with #dfc586

Alternatives to #dfc586

#dfc586 Preview

Shades and Tints of #dfc586

Tones of #dfc586

Color Blindness Simulator