#ddc386 hex color

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

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

● #ddc386 color description : Very soft orange.

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

Hex triplet	ddc386	`#ddc386`
RGB Decimal	221, 195, 134	`rgb(221,195,134)`
RGB Percent	86.7, 76.5, 52.5	`rgb(86.7%,76.5%,52.5%)`
CMYK	0, 12, 39, 13
HSL	42.1°, 56.1, 69.6	`hsl(42.1,56.1%,69.6%)`
HSV (or HSB)	42.1°, 39.4, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	79.685, 0.75, 34.026
XYZ	53.637, 56.125, 30.561
xyY	0.382, 0.4, 56.125
CIE-LCH	79.685, 34.034, 88.737
CIE-LUV	79.685, 20.19, 44.897
Hunter-Lab	74.917, -3.307, 28.255
Binary	11011101, 11000011, 10000110

#ddc386
```
#ddc386 rgb(221,195,134)
```
#86a0dd
```
#86a0dd rgb(134,160,221)
```

Complementary Color

#dd9886
```
#dd9886 rgb(221,152,134)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#ccdd86
```
#ccdd86 rgb(204,221,134)
```

Analogous Color

#9886dd
```
#9886dd rgb(152,134,221)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#86ccdd
```
#86ccdd rgb(134,204,221)
```

Split Complementary Color

#c386dd
```
#c386dd rgb(195,134,221)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#86ddc3
```
#86ddc3 rgb(134,221,195)
```

Triadic Color

#dd86a0
```
#dd86a0 rgb(221,134,160)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#86ddc3
```
#86ddc3 rgb(134,221,195)
```
#86a0dd
```
#86a0dd rgb(134,160,221)
```

Tetradic Color

#cca54a
```
#cca54a rgb(204,165,74)
```
#d2af5e
```
#d2af5e rgb(210,175,94)
```
#d7b972
```
#d7b972 rgb(215,185,114)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#e3cd9a
```
#e3cd9a rgb(227,205,154)
```
#e8d7ae
```
#e8d7ae rgb(232,215,174)
```
#eee1c2
```
#eee1c2 rgb(238,225,194)
```

Monochromatic Color

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

#ddad86
```
#ddad86 rgb(221,173,134)
```
#ddb586
```
#ddb586 rgb(221,181,134)
```
#ddbc86
```
#ddbc86 rgb(221,188,134)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#ddca86
```
#ddca86 rgb(221,202,134)
```
#ddd286
```
#ddd286 rgb(221,210,134)
```
#ddd986
```
#ddd986 rgb(221,217,134)
```

Similar Colors

Text with hexadecimal color #ddc386

This text has a font color of #ddc386.

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

#ddc386 background color

This paragraph has a background color of #ddc386.

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

#ddc386 border color

This element has a border color of #ddc386.

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

CSS codes

.text {color:#ddc386;}

.background {background-color:#ddc386;}

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

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)
```
#201909
```
#201909 rgb(32,25,9)
```
#2f250d
```
#2f250d rgb(47,37,13)
```
#3f3112
```
#3f3112 rgb(63,49,18)
```
#4e3d16
```
#4e3d16 rgb(78,61,22)
```
#5d491a
```
#5d491a rgb(93,73,26)
```
#6d551f
```
#6d551f rgb(109,85,31)
```
#7c6123
```
#7c6123 rgb(124,97,35)
```
#8b6d27
```
#8b6d27 rgb(139,109,39)
```
#9b792b
```
#9b792b rgb(155,121,43)
```
#aa8530
```
#aa8530 rgb(170,133,48)
```
#b99134
```
#b99134 rgb(185,145,52)
```

Shade Color Variation

#c79d39
```
#c79d39 rgb(199,157,57)
```
#cca549
```
#cca549 rgb(204,165,73)
```
#d0ac58
```
#d0ac58 rgb(208,172,88)
```
#d4b467
```
#d4b467 rgb(212,180,103)
```
#d9bb77
```
#d9bb77 rgb(217,187,119)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#e1cb95
```
#e1cb95 rgb(225,203,149)
```
#e6d2a5
```
#e6d2a5 rgb(230,210,165)
```
#eadab4
```
#eadab4 rgb(234,218,180)
```
#eee1c3
```
#eee1c3 rgb(238,225,195)
```
#f3e9d3
```
#f3e9d3 rgb(243,233,211)
```
#f7f1e2
```
#f7f1e2 rgb(247,241,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 #fbcf68 is the most saturated one.

#b3b2b0
```
#b3b2b0 rgb(179,178,176)
```
#b9b5aa
```
#b9b5aa rgb(185,181,170)
```
#bfb7a4
```
#bfb7a4 rgb(191,183,164)
```
#c5b99e
```
#c5b99e rgb(197,185,158)
```
#cbbc98
```
#cbbc98 rgb(203,188,152)
```
#d1be92
```
#d1be92 rgb(209,190,146)
```
#d7c18c
```
#d7c18c rgb(215,193,140)
```
#ddc386
```
#ddc386 rgb(221,195,134)
```
#e3c580
```
#e3c580 rgb(227,197,128)
```
#e9c87a
```
#e9c87a rgb(233,200,122)
```
#efca74
```
#efca74 rgb(239,202,116)
```
#f5cd6e
```
#f5cd6e rgb(245,205,110)
```
#fbcf68
```
#fbcf68 rgb(251,207,104)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c9c4b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c88d Protanopia 1% of men
#edc08e Deuteranopia 1% of men
#e6bdcb Tritanopia 0.001% of the population

Trichromacy

#d9c68a Protanomaly 1% of men, 0.01% of women
#e7c18b Deuteranomaly 6% of men, 0.4% of women
#e2bfb2 Tritanomaly 0.01% of the population

#ddc386 hex color

#ddc386 Color Information

#ddc386 Color Conversion

Color Schemes with #ddc386

Alternatives to #ddc386

#ddc386 Preview

Shades and Tints of #ddc386

Tones of #ddc386

Color Blindness Simulator