#ddcc66 hex color

In a RGB color space, hex #ddcc66 is composed of 86.7% red, 80% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.7% magenta, 53.8% yellow and 13.3% black. It has a hue angle of 51.4 degrees, a saturation of 63.6% and a lightness of 63.3%. #ddcc66 color hex could be obtained by blending #ffffcc with #bb9900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 80
- B 40
RGB color chart
- C 0
- M 8
- Y 54
- K 13
CMYK color chart

● #ddcc66 color description : Soft yellow.

The hexadecimal color #ddcc66 has RGB values of R:221, G:204, B:102 and CMYK values of C:0, M:0.08, Y:0.54, K:0.13. Its decimal value is 14535782.

Hex triplet	ddcc66	`#ddcc66`
RGB Decimal	221, 204, 102	`rgb(221,204,102)`
RGB Percent	86.7, 80, 40	`rgb(86.7%,80%,40%)`
CMYK	0, 8, 54, 13
HSL	51.4°, 63.6, 63.3	`hsl(51.4,63.6%,63.3%)`
HSV (or HSB)	51.4°, 53.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.576, -6.956, 52.272
XYZ	53.81, 59.519, 21.223
xyY	0.4, 0.442, 59.519
CIE-LCH	81.576, 52.733, 97.58
CIE-LUV	81.576, 16.135, 65.635
Hunter-Lab	77.148, -10.508, 37.693
Binary	11011101, 11001100, 01100110

#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#6677dd
```
#6677dd rgb(102,119,221)
```

Complementary Color

#dd9166
```
#dd9166 rgb(221,145,102)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#b3dd66
```
#b3dd66 rgb(179,221,102)
```

Analogous Color

#9166dd
```
#9166dd rgb(145,102,221)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#66b3dd
```
#66b3dd rgb(102,179,221)
```

Split Complementary Color

#cc66dd
```
#cc66dd rgb(204,102,221)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#66ddcc
```
#66ddcc rgb(102,221,204)
```

Triadic Color

#dd6677
```
#dd6677 rgb(221,102,119)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#66ddcc
```
#66ddcc rgb(102,221,204)
```
#6677dd
```
#6677dd rgb(102,119,221)
```

Tetradic Color

#cab32d
```
#cab32d rgb(202,179,45)
```
#d4be3c
```
#d4be3c rgb(212,190,60)
```
#d8c551
```
#d8c551 rgb(216,197,81)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#e2d37b
```
#e2d37b rgb(226,211,123)
```
#e6da90
```
#e6da90 rgb(230,218,144)
```
#ebe1a5
```
#ebe1a5 rgb(235,225,165)
```

Monochromatic Color

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

#ddae66
```
#ddae66 rgb(221,174,102)
```
#ddb866
```
#ddb866 rgb(221,184,102)
```
#ddc266
```
#ddc266 rgb(221,194,102)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#ddd666
```
#ddd666 rgb(221,214,102)
```
#dadd66
```
#dadd66 rgb(218,221,102)
```
#d0dd66
```
#d0dd66 rgb(208,221,102)
```

Similar Colors

Text with hexadecimal color #ddcc66

This text has a font color of #ddcc66.

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

#ddcc66 background color

This paragraph has a background color of #ddcc66.

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

#ddcc66 border color

This element has a border color of #ddcc66.

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

CSS codes

.text {color:#ddcc66;}

.background {background-color:#ddcc66;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#181505
```
#181505 rgb(24,21,5)
```
#282309
```
#282309 rgb(40,35,9)
```
#38310c
```
#38310c rgb(56,49,12)
```
#484010
```
#484010 rgb(72,64,16)
```
#584e13
```
#584e13 rgb(88,78,19)
```
#685c17
```
#685c17 rgb(104,92,23)
```
#786b1b
```
#786b1b rgb(120,107,27)
```
#88791e
```
#88791e rgb(136,121,30)
```
#988722
```
#988722 rgb(152,135,34)
```
#a89525
```
#a89525 rgb(168,149,37)
```
#b8a429
```
#b8a429 rgb(184,164,41)
```
#c8b22c
```
#c8b22c rgb(200,178,44)
```

Shade Color Variation

#d2bc36
```
#d2bc36 rgb(210,188,54)
```
#d6c146
```
#d6c146 rgb(214,193,70)
```
#d9c756
```
#d9c756 rgb(217,199,86)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#e1d176
```
#e1d176 rgb(225,209,118)
```
#e4d786
```
#e4d786 rgb(228,215,134)
```
#e8dc96
```
#e8dc96 rgb(232,220,150)
```
#ebe1a6
```
#ebe1a6 rgb(235,225,166)
```
#efe7b6
```
#efe7b6 rgb(239,231,182)
```
#f2ecc6
```
#f2ecc6 rgb(242,236,198)
```
#f6f1d6
```
#f6f1d6 rgb(246,241,214)
```
#faf7e6
```
#faf7e6 rgb(250,247,230)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#a3a3a0
```
#a3a3a0 rgb(163,163,160)
```
#aba898
```
#aba898 rgb(171,168,152)
```
#b2ad91
```
#b2ad91 rgb(178,173,145)
```
#b9b28a
```
#b9b28a rgb(185,178,138)
```
#c0b783
```
#c0b783 rgb(192,183,131)
```
#c7bd7c
```
#c7bd7c rgb(199,189,124)
```
#cfc274
```
#cfc274 rgb(207,194,116)
```
#d6c76d
```
#d6c76d rgb(214,199,109)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```
#e4d15f
```
#e4d15f rgb(228,209,95)
```
#ebd658
```
#ebd658 rgb(235,214,88)
```
#f3db50
```
#f3db50 rgb(243,219,80)
```
#fae149
```
#fae149 rgb(250,225,73)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cac6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd6d Protanopia 1% of men
#f9c471 Deuteranopia 1% of men
#e9c3d1 Tritanopia 0.001% of the population

Trichromacy

#e0cd6a Protanomaly 1% of men, 0.01% of women
#efc76d Deuteranomaly 6% of men, 0.4% of women
#e4c6aa Tritanomaly 0.01% of the population

#ddcc66 hex color

#ddcc66 Color Information

#ddcc66 Color Conversion

Color Schemes with #ddcc66

Alternatives to #ddcc66

#ddcc66 Preview

Shades and Tints of #ddcc66

Tones of #ddcc66

Color Blindness Simulator