#ddcb66 hex color

In a RGB color space, hex #ddcb66 is composed of 86.7% red, 79.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.1% magenta, 53.8% yellow and 13.3% black. It has a hue angle of 50.9 degrees, a saturation of 63.6% and a lightness of 63.3%. #ddcb66 color hex could be obtained by blending #ffffcc with #bb9700. 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

● #ddcb66 color description : Soft yellow.

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

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

CIE-LAB	81.316, -6.445, 51.969
XYZ	53.573, 59.045, 21.144
xyY	0.401, 0.441, 59.045
CIE-LCH	81.316, 52.367, 97.069
CIE-LUV	81.316, 16.787, 65.168
Hunter-Lab	76.841, -10.021, 37.473
Binary	11011101, 11001011, 01100110

#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#6678dd
```
#6678dd rgb(102,120,221)
```

Complementary Color

#dd9066
```
#dd9066 rgb(221,144,102)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#b4dd66
```
#b4dd66 rgb(180,221,102)
```

Analogous Color

#9066dd
```
#9066dd rgb(144,102,221)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#66b4dd
```
#66b4dd rgb(102,180,221)
```

Split Complementary Color

#cb66dd
```
#cb66dd rgb(203,102,221)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#66ddcb
```
#66ddcb rgb(102,221,203)
```

Triadic Color

#dd6678
```
#dd6678 rgb(221,102,120)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#66ddcb
```
#66ddcb rgb(102,221,203)
```
#6678dd
```
#6678dd rgb(102,120,221)
```

Tetradic Color

#cab22d
```
#cab22d rgb(202,178,45)
```
#d4bd3c
```
#d4bd3c rgb(212,189,60)
```
#d8c451
```
#d8c451 rgb(216,196,81)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#e2d27b
```
#e2d27b rgb(226,210,123)
```
#e6d990
```
#e6d990 rgb(230,217,144)
```
#ebe0a5
```
#ebe0a5 rgb(235,224,165)
```

Monochromatic Color

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

#ddad66
```
#ddad66 rgb(221,173,102)
```
#ddb766
```
#ddb766 rgb(221,183,102)
```
#ddc166
```
#ddc166 rgb(221,193,102)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#ddd566
```
#ddd566 rgb(221,213,102)
```
#dbdd66
```
#dbdd66 rgb(219,221,102)
```
#d1dd66
```
#d1dd66 rgb(209,221,102)
```

Similar Colors

Text with hexadecimal color #ddcb66

This text has a font color of #ddcb66.

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

#ddcb66 background color

This paragraph has a background color of #ddcb66.

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

#ddcb66 border color

This element has a border color of #ddcb66.

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

CSS codes

.text {color:#ddcb66;}

.background {background-color:#ddcb66;}

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

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)
```
#483f10
```
#483f10 rgb(72,63,16)
```
#584d13
```
#584d13 rgb(88,77,19)
```
#685c17
```
#685c17 rgb(104,92,23)
```
#786a1b
```
#786a1b rgb(120,106,27)
```
#88781e
```
#88781e rgb(136,120,30)
```
#988622
```
#988622 rgb(152,134,34)
```
#a89425
```
#a89425 rgb(168,148,37)
```
#b8a229
```
#b8a229 rgb(184,162,41)
```
#c8b12c
```
#c8b12c rgb(200,177,44)
```

Shade Color Variation

#d2bb36
```
#d2bb36 rgb(210,187,54)
```
#d6c046
```
#d6c046 rgb(214,192,70)
```
#d9c656
```
#d9c656 rgb(217,198,86)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#e1d076
```
#e1d076 rgb(225,208,118)
```
#e4d686
```
#e4d686 rgb(228,214,134)
```
#e8db96
```
#e8db96 rgb(232,219,150)
```
#ebe1a6
```
#ebe1a6 rgb(235,225,166)
```
#efe6b6
```
#efe6b6 rgb(239,230,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 #fadf49 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)
```
#c7bc7c
```
#c7bc7c rgb(199,188,124)
```
#cfc174
```
#cfc174 rgb(207,193,116)
```
#d6c66d
```
#d6c66d rgb(214,198,109)
```
#ddcb66
```
#ddcb66 rgb(221,203,102)
```
#e4d05f
```
#e4d05f rgb(228,208,95)
```
#ebd558
```
#ebd558 rgb(235,213,88)
```
#f3da50
```
#f3da50 rgb(243,218,80)
```
#fadf49
```
#fadf49 rgb(250,223,73)
```

Tone Color Variation

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

#e1cc6d Protanopia 1% of men
#f8c371 Deuteranopia 1% of men
#e9c2d0 Tritanopia 0.001% of the population

Trichromacy

#dfcc6a Protanomaly 1% of men, 0.01% of women
#eec66d Deuteranomaly 6% of men, 0.4% of women
#e4c5a9 Tritanomaly 0.01% of the population

#ddcb66 hex color

#ddcb66 Color Information

#ddcb66 Color Conversion

Color Schemes with #ddcb66

Alternatives to #ddcb66

#ddcb66 Preview

Shades and Tints of #ddcb66

Tones of #ddcb66

Color Blindness Simulator