#ddc66a hex color

In a RGB color space, hex #ddc66a is composed of 86.7% red, 77.6% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 52% yellow and 13.3% black. It has a hue angle of 48 degrees, a saturation of 62.8% and a lightness of 64.1%. #ddc66a color hex could be obtained by blending #ffffd4 with #bb8d00. Closest websafe color is: #cccc66.

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

● #ddc66a color description : Soft yellow.

The hexadecimal color #ddc66a has RGB values of R:221, G:198, B:106 and CMYK values of C:0, M:0.1, Y:0.52, K:0.13. Its decimal value is 14534250.

Hex triplet	ddc66a	`#ddc66a`
RGB Decimal	221, 198, 106	`rgb(221,198,106)`
RGB Percent	86.7, 77.6, 41.6	`rgb(86.7%,77.6%,41.6%)`
CMYK	0, 10, 52, 13
HSL	48°, 62.8, 64.1	`hsl(48,62.8%,64.1%)`
HSV (or HSB)	48°, 52, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.068, -3.544, 48.583
XYZ	52.614, 56.802, 21.827
xyY	0.401, 0.433, 56.802
CIE-LCH	80.068, 48.713, 94.173
CIE-LUV	80.068, 19.878, 61.021
Hunter-Lab	75.367, -7.281, 35.586
Binary	11011101, 11000110, 01101010

#ddc66a
```
#ddc66a rgb(221,198,106)
```
#6a81dd
```
#6a81dd rgb(106,129,221)
```

Complementary Color

#dd8d6a
```
#dd8d6a rgb(221,141,106)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#bbdd6a
```
#bbdd6a rgb(187,221,106)
```

Analogous Color

#8d6add
```
#8d6add rgb(141,106,221)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#6abbdd
```
#6abbdd rgb(106,187,221)
```

Split Complementary Color

#c66add
```
#c66add rgb(198,106,221)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#6addc6
```
#6addc6 rgb(106,221,198)
```

Triadic Color

#dd6a81
```
#dd6a81 rgb(221,106,129)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#6addc6
```
#6addc6 rgb(106,221,198)
```
#6a81dd
```
#6a81dd rgb(106,129,221)
```

Tetradic Color

#ccac2f
```
#ccac2f rgb(204,172,47)
```
#d4b640
```
#d4b640 rgb(212,182,64)
```
#d8be55
```
#d8be55 rgb(216,190,85)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#e2ce7f
```
#e2ce7f rgb(226,206,127)
```
#e6d694
```
#e6d694 rgb(230,214,148)
```
#ebdea8
```
#ebdea8 rgb(235,222,168)
```

Monochromatic Color

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

#dda96a
```
#dda96a rgb(221,169,106)
```
#ddb36a
```
#ddb36a rgb(221,179,106)
```
#ddbc6a
```
#ddbc6a rgb(221,188,106)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#ddd06a
```
#ddd06a rgb(221,208,106)
```
#ddd96a
```
#ddd96a rgb(221,217,106)
```
#d7dd6a
```
#d7dd6a rgb(215,221,106)
```

Similar Colors

Text with hexadecimal color #ddc66a

This text has a font color of #ddc66a.

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

#ddc66a background color

This paragraph has a background color of #ddc66a.

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

#ddc66a border color

This element has a border color of #ddc66a.

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

CSS codes

.text {color:#ddc66a;}

.background {background-color:#ddc66a;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1b1706
```
#1b1706 rgb(27,23,6)
```
#2b240a
```
#2b240a rgb(43,36,10)
```
#3b320d
```
#3b320d rgb(59,50,13)
```
#4b3f11
```
#4b3f11 rgb(75,63,17)
```
#5b4d15
```
#5b4d15 rgb(91,77,21)
```
#6b5a18
```
#6b5a18 rgb(107,90,24)
```
#7b681c
```
#7b681c rgb(123,104,28)
```
#8a7520
```
#8a7520 rgb(138,117,32)
```
#9a8323
```
#9a8323 rgb(154,131,35)
```
#aa9027
```
#aa9027 rgb(170,144,39)
```
#ba9e2b
```
#ba9e2b rgb(186,158,43)
```
#caab2e
```
#caab2e rgb(202,171,46)
```

Shade Color Variation

#d2b43a
```
#d2b43a rgb(210,180,58)
```
#d6ba4a
```
#d6ba4a rgb(214,186,74)
```
#d9c05a
```
#d9c05a rgb(217,192,90)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#e1cc7a
```
#e1cc7a rgb(225,204,122)
```
#e4d28a
```
#e4d28a rgb(228,210,138)
```
#e8d89a
```
#e8d89a rgb(232,216,154)
```
#ecdeaa
```
#ecdeaa rgb(236,222,170)
```
#efe5ba
```
#efe5ba rgb(239,229,186)
```
#f3ebca
```
#f3ebca rgb(243,235,202)
```
#f7f1da
```
#f7f1da rgb(247,241,218)
```
#faf7ea
```
#faf7ea rgb(250,247,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#a5a4a2
```
#a5a4a2 rgb(165,164,162)
```
#aca89b
```
#aca89b rgb(172,168,155)
```
#b3ad94
```
#b3ad94 rgb(179,173,148)
```
#bab18d
```
#bab18d rgb(186,177,141)
```
#c1b586
```
#c1b586 rgb(193,181,134)
```
#c8b97f
```
#c8b97f rgb(200,185,127)
```
#cfbe78
```
#cfbe78 rgb(207,190,120)
```
#d6c271
```
#d6c271 rgb(214,194,113)
```
#ddc66a
```
#ddc66a rgb(221,198,106)
```
#e4ca63
```
#e4ca63 rgb(228,202,99)
```
#ebce5c
```
#ebce5c rgb(235,206,92)
```
#f2d355
```
#f2d355 rgb(242,211,85)
```
#f9d74e
```
#f9d74e rgb(249,215,78)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c7c3b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc971 Protanopia 1% of men
#f4c074 Deuteranopia 1% of men
#e8becb Tritanopia 0.001% of the population

Trichromacy

#dcc86f Protanomaly 1% of men, 0.01% of women
#ebc270 Deuteranomaly 6% of men, 0.4% of women
#e4c1a8 Tritanomaly 0.01% of the population

#ddc66a hex color

#ddc66a Color Information

#ddc66a Color Conversion

Color Schemes with #ddc66a

Alternatives to #ddc66a

#ddc66a Preview

Shades and Tints of #ddc66a

Tones of #ddc66a

Color Blindness Simulator