#ddc987 hex color

In a RGB color space, hex #ddc987 is composed of 86.7% red, 78.8% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 38.9% yellow and 13.3% black. It has a hue angle of 46 degrees, a saturation of 55.8% and a lightness of 69.8%. #ddc987 color hex could be obtained by blending #ffffff with #bb930f. Closest websafe color is: #cccc99.

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

● #ddc987 color description : Very soft yellow.

The hexadecimal color #ddc987 has RGB values of R:221, G:201, B:135 and CMYK values of C:0, M:0.09, Y:0.39, K:0.13. Its decimal value is 14535047.

Hex triplet	ddc987	`#ddc987`
RGB Decimal	221, 201, 135	`rgb(221,201,135)`
RGB Percent	86.7, 78.8, 52.9	`rgb(86.7%,78.8%,52.9%)`
CMYK	0, 9, 39, 13
HSL	46°, 55.8, 69.8	`hsl(46,55.8%,69.8%)`
HSV (or HSB)	46°, 38.9, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	81.234, -2.26, 35.528
XYZ	55.078, 58.896, 31.387
xyY	0.379, 0.405, 58.896
CIE-LCH	81.234, 35.6, 93.639
CIE-LUV	81.234, 16.37, 47.473
Hunter-Lab	76.744, -6.194, 29.472
Binary	11011101, 11001001, 10000111

#ddc987
```
#ddc987 rgb(221,201,135)
```
#879bdd
```
#879bdd rgb(135,155,221)
```

Complementary Color

#dd9e87
```
#dd9e87 rgb(221,158,135)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#c6dd87
```
#c6dd87 rgb(198,221,135)
```

Analogous Color

#9e87dd
```
#9e87dd rgb(158,135,221)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#87c6dd
```
#87c6dd rgb(135,198,221)
```

Split Complementary Color

#c987dd
```
#c987dd rgb(201,135,221)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#87ddc9
```
#87ddc9 rgb(135,221,201)
```

Triadic Color

#dd879b
```
#dd879b rgb(221,135,155)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#87ddc9
```
#87ddc9 rgb(135,221,201)
```
#879bdd
```
#879bdd rgb(135,155,221)
```

Tetradic Color

#ccae4b
```
#ccae4b rgb(204,174,75)
```
#d2b75f
```
#d2b75f rgb(210,183,95)
```
#d7c073
```
#d7c073 rgb(215,192,115)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#e3d29b
```
#e3d29b rgb(227,210,155)
```
#e8dbaf
```
#e8dbaf rgb(232,219,175)
```
#eee4c3
```
#eee4c3 rgb(238,228,195)
```

Monochromatic Color

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

#ddb487
```
#ddb487 rgb(221,180,135)
```
#ddbb87
```
#ddbb87 rgb(221,187,135)
```
#ddc287
```
#ddc287 rgb(221,194,135)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#ddd087
```
#ddd087 rgb(221,208,135)
```
#ddd787
```
#ddd787 rgb(221,215,135)
```
#dcdd87
```
#dcdd87 rgb(220,221,135)
```

Similar Colors

Text with hexadecimal color #ddc987

This text has a font color of #ddc987.

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

#ddc987 background color

This paragraph has a background color of #ddc987.

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

#ddc987 border color

This element has a border color of #ddc987.

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

CSS codes

.text {color:#ddc987;}

.background {background-color:#ddc987;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120f05
```
#120f05 rgb(18,15,5)
```
#211b09
```
#211b09 rgb(33,27,9)
```
#30280e
```
#30280e rgb(48,40,14)
```
#3f3512
```
#3f3512 rgb(63,53,18)
```
#4f4216
```
#4f4216 rgb(79,66,22)
```
#5e4e1b
```
#5e4e1b rgb(94,78,27)
```
#6d5b1f
```
#6d5b1f rgb(109,91,31)
```
#7d6823
```
#7d6823 rgb(125,104,35)
```
#8c7528
```
#8c7528 rgb(140,117,40)
```
#9b812c
```
#9b812c rgb(155,129,44)
```
#aa8e30
```
#aa8e30 rgb(170,142,48)
```
#ba9b35
```
#ba9b35 rgb(186,155,53)
```

Shade Color Variation

#c7a73b
```
#c7a73b rgb(199,167,59)
```
#ccad4a
```
#ccad4a rgb(204,173,74)
```
#d0b459
```
#d0b459 rgb(208,180,89)
```
#d4bb68
```
#d4bb68 rgb(212,187,104)
```
#d9c278
```
#d9c278 rgb(217,194,120)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#e1d096
```
#e1d096 rgb(225,208,150)
```
#e6d7a6
```
#e6d7a6 rgb(230,215,166)
```
#eadeb5
```
#eadeb5 rgb(234,222,181)
```
#eee5c4
```
#eee5c4 rgb(238,229,196)
```
#f3ebd3
```
#f3ebd3 rgb(243,235,211)
```
#f7f2e3
```
#f7f2e3 rgb(247,242,227)
```
#fbf9f2
```
#fbf9f2 rgb(251,249,242)
```

Tint Color Variation

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

#b4b3b0
```
#b4b3b0 rgb(180,179,176)
```
#b9b6ab
```
#b9b6ab rgb(185,182,171)
```
#bfb9a5
```
#bfb9a5 rgb(191,185,165)
```
#c5bc9f
```
#c5bc9f rgb(197,188,159)
```
#cbbf99
```
#cbbf99 rgb(203,191,153)
```
#d1c393
```
#d1c393 rgb(209,195,147)
```
#d7c68d
```
#d7c68d rgb(215,198,141)
```
#ddc987
```
#ddc987 rgb(221,201,135)
```
#e3cc81
```
#e3cc81 rgb(227,204,129)
```
#e9cf7b
```
#e9cf7b rgb(233,207,123)
```
#efd375
```
#efd375 rgb(239,211,117)
```
#f5d66f
```
#f5d66f rgb(245,214,111)
```
#fbd969
```
#fbd969 rgb(251,217,105)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cbc7ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#dccc8d Protanopia 1% of men
#f2c48f Deuteranopia 1% of men
#e7c3d0 Tritanopia 0.001% of the population

Trichromacy

#dccb8b Protanomaly 1% of men, 0.01% of women
#eac68c Deuteranomaly 6% of men, 0.4% of women
#e3c5b6 Tritanomaly 0.01% of the population

#ddc987 hex color

#ddc987 Color Information

#ddc987 Color Conversion

Color Schemes with #ddc987

Alternatives to #ddc987

#ddc987 Preview

Shades and Tints of #ddc987

Tones of #ddc987

Color Blindness Simulator