#ddc86c hex color

In a RGB color space, hex #ddc86c is composed of 86.7% red, 78.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.5% magenta, 51.1% yellow and 13.3% black. It has a hue angle of 48.8 degrees, a saturation of 62.4% and a lightness of 64.5%. #ddc86c color hex could be obtained by blending #ffffd8 with #bb9100. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 78
- B 42
RGB color chart
- C 0
- M 10
- Y 51
- K 13
CMYK color chart

● #ddc86c color description : Soft yellow.

The hexadecimal color #ddc86c has RGB values of R:221, G:200, B:108 and CMYK values of C:0, M:0.1, Y:0.51, K:0.13. Its decimal value is 14534764.

Hex triplet	ddc86c	`#ddc86c`
RGB Decimal	221, 200, 108	`rgb(221,200,108)`
RGB Percent	86.7, 78.4, 42.4	`rgb(86.7%,78.4%,42.4%)`
CMYK	0, 10, 51, 13
HSL	48.8°, 62.4, 64.5	`hsl(48.8,62.4%,64.5%)`
HSV (or HSB)	48.8°, 51.1, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.608, -4.405, 48.262
XYZ	53.18, 57.765, 22.535
xyY	0.398, 0.433, 57.765
CIE-LCH	80.608, 48.463, 95.215
CIE-LUV	80.608, 18.469, 61.048
Hunter-Lab	76.003, -8.108, 35.623
Binary	11011101, 11001000, 01101100

#ddc86c
```
#ddc86c rgb(221,200,108)
```
#6c81dd
```
#6c81dd rgb(108,129,221)
```

Complementary Color

#dd906c
```
#dd906c rgb(221,144,108)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#badd6c
```
#badd6c rgb(186,221,108)
```

Analogous Color

#906cdd
```
#906cdd rgb(144,108,221)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#6cbadd
```
#6cbadd rgb(108,186,221)
```

Split Complementary Color

#c86cdd
```
#c86cdd rgb(200,108,221)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#6cddc8
```
#6cddc8 rgb(108,221,200)
```

Triadic Color

#dd6c81
```
#dd6c81 rgb(221,108,129)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#6cddc8
```
#6cddc8 rgb(108,221,200)
```
#6c81dd
```
#6c81dd rgb(108,129,221)
```

Tetradic Color

#cdb02f
```
#cdb02f rgb(205,176,47)
```
#d3b943
```
#d3b943 rgb(211,185,67)
```
#d8c057
```
#d8c057 rgb(216,192,87)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#e2d081
```
#e2d081 rgb(226,208,129)
```
#e7d795
```
#e7d795 rgb(231,215,149)
```
#ebdfaa
```
#ebdfaa rgb(235,223,170)
```

Monochromatic Color

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

#ddac6c
```
#ddac6c rgb(221,172,108)
```
#ddb56c
```
#ddb56c rgb(221,181,108)
```
#ddbf6c
```
#ddbf6c rgb(221,191,108)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#ddd16c
```
#ddd16c rgb(221,209,108)
```
#dddb6c
```
#dddb6c rgb(221,219,108)
```
#d6dd6c
```
#d6dd6c rgb(214,221,108)
```

Similar Colors

Text with hexadecimal color #ddc86c

This text has a font color of #ddc86c.

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

#ddc86c background color

This paragraph has a background color of #ddc86c.

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

#ddc86c border color

This element has a border color of #ddc86c.

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

CSS codes

.text {color:#ddc86c;}

.background {background-color:#ddc86c;}

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

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

#0c0b03
```
#0c0b03 rgb(12,11,3)
```
#1c1807
```
#1c1807 rgb(28,24,7)
```
#2c260a
```
#2c260a rgb(44,38,10)
```
#3c340e
```
#3c340e rgb(60,52,14)
```
#4c4112
```
#4c4112 rgb(76,65,18)
```
#5c4f15
```
#5c4f15 rgb(92,79,21)
```
#6c5c19
```
#6c5c19 rgb(108,92,25)
```
#7c6a1d
```
#7c6a1d rgb(124,106,29)
```
#8c7820
```
#8c7820 rgb(140,120,32)
```
#9c8524
```
#9c8524 rgb(156,133,36)
```
#ac9328
```
#ac9328 rgb(172,147,40)
```
#bca12b
```
#bca12b rgb(188,161,43)
```
#cbae2f
```
#cbae2f rgb(203,174,47)
```

Shade Color Variation

#d2b63c
```
#d2b63c rgb(210,182,60)
```
#d6bc4c
```
#d6bc4c rgb(214,188,76)
```
#d9c25c
```
#d9c25c rgb(217,194,92)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#e1ce7c
```
#e1ce7c rgb(225,206,124)
```
#e4d48c
```
#e4d48c rgb(228,212,140)
```
#e8da9c
```
#e8da9c rgb(232,218,156)
```
#ece0ac
```
#ece0ac rgb(236,224,172)
```
#efe6bc
```
#efe6bc rgb(239,230,188)
```
#f3eccc
```
#f3eccc rgb(243,236,204)
```
#f7f2dc
```
#f7f2dc rgb(247,242,220)
```
#faf8eb
```
#faf8eb rgb(250,248,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#a5a5a4
```
#a5a5a4 rgb(165,165,164)
```
#aca99d
```
#aca99d rgb(172,169,157)
```
#b3ae96
```
#b3ae96 rgb(179,174,150)
```
#bab28f
```
#bab28f rgb(186,178,143)
```
#c1b788
```
#c1b788 rgb(193,183,136)
```
#c8bb81
```
#c8bb81 rgb(200,187,129)
```
#cfbf7a
```
#cfbf7a rgb(207,191,122)
```
#d6c473
```
#d6c473 rgb(214,196,115)
```
#ddc86c
```
#ddc86c rgb(221,200,108)
```
#e4cc65
```
#e4cc65 rgb(228,204,101)
```
#ebd15e
```
#ebd15e rgb(235,209,94)
```
#f2d557
```
#f2d557 rgb(242,213,87)
```
#f9d950
```
#f9d950 rgb(249,217,80)
```

Tone Color Variation

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

Dichromacy

#deca73 Protanopia 1% of men
#f5c276 Deuteranopia 1% of men
#e8c0cd Tritanopia 0.001% of the population

Trichromacy

#ddc970 Protanomaly 1% of men, 0.01% of women
#ecc472 Deuteranomaly 6% of men, 0.4% of women
#e4c3aa Tritanomaly 0.01% of the population

#ddc86c hex color

#ddc86c Color Information

#ddc86c Color Conversion

Color Schemes with #ddc86c

Alternatives to #ddc86c

#ddc86c Preview

Shades and Tints of #ddc86c

Tones of #ddc86c

Color Blindness Simulator