#ddc086 hex color

In a RGB color space, hex #ddc086 is composed of 86.7% red, 75.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.1% magenta, 39.4% yellow and 13.3% black. It has a hue angle of 40 degrees, a saturation of 56.1% and a lightness of 69.6%. #ddc086 color hex could be obtained by blending #ffffff with #bb810d. Closest websafe color is: #cccc99.

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

● #ddc086 color description : Very soft orange.

The hexadecimal color #ddc086 has RGB values of R:221, G:192, B:134 and CMYK values of C:0, M:0.13, Y:0.39, K:0.13. Its decimal value is 14532742.

Hex triplet	ddc086	`#ddc086`
RGB Decimal	221, 192, 134	`rgb(221,192,134)`
RGB Percent	86.7, 75.3, 52.5	`rgb(86.7%,75.3%,52.5%)`
CMYK	0, 13, 39, 13
HSL	40°, 56.1, 69.6	`hsl(40,56.1%,69.6%)`
HSV (or HSB)	40°, 39.4, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.923, 2.32, 33.029
XYZ	52.971, 54.794, 30.339
xyY	0.384, 0.397, 54.794
CIE-LCH	78.923, 33.111, 85.982
CIE-LUV	78.923, 22.085, 43.318
Hunter-Lab	74.023, -1.805, 27.516
Binary	11011101, 11000000, 10000110

#ddc086
```
#ddc086 rgb(221,192,134)
```
#86a3dd
```
#86a3dd rgb(134,163,221)
```

Complementary Color

#dd9586
```
#dd9586 rgb(221,149,134)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#cfdd86
```
#cfdd86 rgb(207,221,134)
```

Analogous Color

#9586dd
```
#9586dd rgb(149,134,221)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#86cfdd
```
#86cfdd rgb(134,207,221)
```

Split Complementary Color

#c086dd
```
#c086dd rgb(192,134,221)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#86ddc0
```
#86ddc0 rgb(134,221,192)
```

Triadic Color

#dd86a3
```
#dd86a3 rgb(221,134,163)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#86ddc0
```
#86ddc0 rgb(134,221,192)
```
#86a3dd
```
#86a3dd rgb(134,163,221)
```

Tetradic Color

#cca14a
```
#cca14a rgb(204,161,74)
```
#d2ab5e
```
#d2ab5e rgb(210,171,94)
```
#d7b672
```
#d7b672 rgb(215,182,114)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#e3ca9a
```
#e3ca9a rgb(227,202,154)
```
#e8d5ae
```
#e8d5ae rgb(232,213,174)
```
#eedfc2
```
#eedfc2 rgb(238,223,194)
```

Monochromatic Color

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

#ddaa86
```
#ddaa86 rgb(221,170,134)
```
#ddb286
```
#ddb286 rgb(221,178,134)
```
#ddb986
```
#ddb986 rgb(221,185,134)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#ddc786
```
#ddc786 rgb(221,199,134)
```
#ddcf86
```
#ddcf86 rgb(221,207,134)
```
#ddd686
```
#ddd686 rgb(221,214,134)
```

Similar Colors

Text with hexadecimal color #ddc086

This text has a font color of #ddc086.

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

#ddc086 background color

This paragraph has a background color of #ddc086.

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

#ddc086 border color

This element has a border color of #ddc086.

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

CSS codes

.text {color:#ddc086;}

.background {background-color:#ddc086;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110d05
```
#110d05 rgb(17,13,5)
```
#201809
```
#201809 rgb(32,24,9)
```
#2f240d
```
#2f240d rgb(47,36,13)
```
#3f3012
```
#3f3012 rgb(63,48,18)
```
#4e3b16
```
#4e3b16 rgb(78,59,22)
```
#5d471a
```
#5d471a rgb(93,71,26)
```
#6d531f
```
#6d531f rgb(109,83,31)
```
#7c5e23
```
#7c5e23 rgb(124,94,35)
```
#8b6a27
```
#8b6a27 rgb(139,106,39)
```
#9b762b
```
#9b762b rgb(155,118,43)
```
#aa8130
```
#aa8130 rgb(170,129,48)
```
#b98d34
```
#b98d34 rgb(185,141,52)
```

Shade Color Variation

#c79839
```
#c79839 rgb(199,152,57)
```
#cca049
```
#cca049 rgb(204,160,73)
```
#d0a858
```
#d0a858 rgb(208,168,88)
```
#d4b067
```
#d4b067 rgb(212,176,103)
```
#d9b877
```
#d9b877 rgb(217,184,119)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#e1c895
```
#e1c895 rgb(225,200,149)
```
#e6d0a5
```
#e6d0a5 rgb(230,208,165)
```
#ead8b4
```
#ead8b4 rgb(234,216,180)
```
#eee0c3
```
#eee0c3 rgb(238,224,195)
```
#f3e8d3
```
#f3e8d3 rgb(243,232,211)
```
#f7f0e2
```
#f7f0e2 rgb(247,240,226)
```
#fbf8f1
```
#fbf8f1 rgb(251,248,241)
```

Tint Color Variation

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

#b3b2b0
```
#b3b2b0 rgb(179,178,176)
```
#b9b4aa
```
#b9b4aa rgb(185,180,170)
```
#bfb6a4
```
#bfb6a4 rgb(191,182,164)
```
#c5b89e
```
#c5b89e rgb(197,184,158)
```
#cbba98
```
#cbba98 rgb(203,186,152)
```
#d1bc92
```
#d1bc92 rgb(209,188,146)
```
#d7be8c
```
#d7be8c rgb(215,190,140)
```
#ddc086
```
#ddc086 rgb(221,192,134)
```
#e3c280
```
#e3c280 rgb(227,194,128)
```
#e9c47a
```
#e9c47a rgb(233,196,122)
```
#efc674
```
#efc674 rgb(239,198,116)
```
#f5c86e
```
#f5c86e rgb(245,200,110)
```
#fbca68
```
#fbca68 rgb(251,202,104)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c7c2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c68d Protanopia 1% of men
#ebbe8d Deuteranopia 1% of men
#e5bbc8 Tritanopia 0.001% of the population

Trichromacy

#d8c48a Protanomaly 1% of men, 0.01% of women
#e5bf8a Deuteranomaly 6% of men, 0.4% of women
#e2bdb0 Tritanomaly 0.01% of the population

#ddc086 hex color

#ddc086 Color Information

#ddc086 Color Conversion

Color Schemes with #ddc086

Alternatives to #ddc086

#ddc086 Preview

Shades and Tints of #ddc086

Tones of #ddc086

Color Blindness Simulator