#ddc66f hex color

In a RGB color space, hex #ddc66f is composed of 86.7% red, 77.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 49.8% yellow and 13.3% black. It has a hue angle of 47.5 degrees, a saturation of 61.8% and a lightness of 65.1%. #ddc66f color hex could be obtained by blending #ffffde with #bb8d00. Closest websafe color is: #cccc66.

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

● #ddc66f color description : Soft yellow.

The hexadecimal color #ddc66f has RGB values of R:221, G:198, B:111 and CMYK values of C:0, M:0.1, Y:0.5, K:0.13. Its decimal value is 14534255.

Hex triplet	ddc66f	`#ddc66f`
RGB Decimal	221, 198, 111	`rgb(221,198,111)`
RGB Percent	86.7, 77.6, 43.5	`rgb(86.7%,77.6%,43.5%)`
CMYK	0, 10, 50, 13
HSL	47.5°, 61.8, 65.1	`hsl(47.5,61.8%,65.1%)`
HSV (or HSB)	47.5°, 49.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.129, -3.109, 46.22
XYZ	52.882, 56.909, 23.237
xyY	0.398, 0.428, 56.909
CIE-LCH	80.129, 46.324, 93.849
CIE-LUV	80.129, 19.623, 58.664
Hunter-Lab	75.438, -6.889, 34.544
Binary	11011101, 11000110, 01101111

#ddc66f
```
#ddc66f rgb(221,198,111)
```
#6f86dd
```
#6f86dd rgb(111,134,221)
```

Complementary Color

#dd8f6f
```
#dd8f6f rgb(221,143,111)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#bddd6f
```
#bddd6f rgb(189,221,111)
```

Analogous Color

#8f6fdd
```
#8f6fdd rgb(143,111,221)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#6fbddd
```
#6fbddd rgb(111,189,221)
```

Split Complementary Color

#c66fdd
```
#c66fdd rgb(198,111,221)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#6fddc6
```
#6fddc6 rgb(111,221,198)
```

Triadic Color

#dd6f86
```
#dd6f86 rgb(221,111,134)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#6fddc6
```
#6fddc6 rgb(111,221,198)
```
#6f86dd
```
#6f86dd rgb(111,134,221)
```

Tetradic Color

#ceae31
```
#ceae31 rgb(206,174,49)
```
#d3b646
```
#d3b646 rgb(211,182,70)
```
#d8be5a
```
#d8be5a rgb(216,190,90)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#e2ce84
```
#e2ce84 rgb(226,206,132)
```
#e7d698
```
#e7d698 rgb(231,214,152)
```
#ecdead
```
#ecdead rgb(236,222,173)
```

Monochromatic Color

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

#ddab6f
```
#ddab6f rgb(221,171,111)
```
#ddb46f
```
#ddb46f rgb(221,180,111)
```
#ddbd6f
```
#ddbd6f rgb(221,189,111)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#ddcf6f
```
#ddcf6f rgb(221,207,111)
```
#ddd86f
```
#ddd86f rgb(221,216,111)
```
#d9dd6f
```
#d9dd6f rgb(217,221,111)
```

Similar Colors

Text with hexadecimal color #ddc66f

This text has a font color of #ddc66f.

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

#ddc66f background color

This paragraph has a background color of #ddc66f.

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

#ddc66f border color

This element has a border color of #ddc66f.

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

CSS codes

.text {color:#ddc66f;}

.background {background-color:#ddc66f;}

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

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

#0f0c03
```
#0f0c03 rgb(15,12,3)
```
#1f1a07
```
#1f1a07 rgb(31,26,7)
```
#2e270b
```
#2e270b rgb(46,39,11)
```
#3e340f
```
#3e340f rgb(62,52,15)
```
#4e4212
```
#4e4212 rgb(78,66,18)
```
#5e4f16
```
#5e4f16 rgb(94,79,22)
```
#6e5c1a
```
#6e5c1a rgb(110,92,26)
```
#7e6a1e
```
#7e6a1e rgb(126,106,30)
```
#8e7721
```
#8e7721 rgb(142,119,33)
```
#9e8425
```
#9e8425 rgb(158,132,37)
```
#ad9229
```
#ad9229 rgb(173,146,41)
```
#bd9f2d
```
#bd9f2d rgb(189,159,45)
```
#cdac30
```
#cdac30 rgb(205,172,48)
```

Shade Color Variation

#d2b33f
```
#d2b33f rgb(210,179,63)
```
#d6b94f
```
#d6b94f rgb(214,185,79)
```
#d9c05f
```
#d9c05f rgb(217,192,95)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#e1cc7f
```
#e1cc7f rgb(225,204,127)
```
#e4d38f
```
#e4d38f rgb(228,211,143)
```
#e8d99f
```
#e8d99f rgb(232,217,159)
```
#ecdfae
```
#ecdfae rgb(236,223,174)
```
#f0e5be
```
#f0e5be rgb(240,229,190)
```
#f3ecce
```
#f3ecce rgb(243,236,206)
```
#f7f2de
```
#f7f2de rgb(247,242,222)
```
#fbf8ee
```
#fbf8ee rgb(251,248,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#adaa9f
```
#adaa9f rgb(173,170,159)
```
#b4ae98
```
#b4ae98 rgb(180,174,152)
```
#bbb291
```
#bbb291 rgb(187,178,145)
```
#c2b68a
```
#c2b68a rgb(194,182,138)
```
#c8ba84
```
#c8ba84 rgb(200,186,132)
```
#cfbe7d
```
#cfbe7d rgb(207,190,125)
```
#d6c276
```
#d6c276 rgb(214,194,118)
```
#ddc66f
```
#ddc66f rgb(221,198,111)
```
#e4ca68
```
#e4ca68 rgb(228,202,104)
```
#ebce61
```
#ebce61 rgb(235,206,97)
```
#f2d25a
```
#f2d25a rgb(242,210,90)
```
#f8d654
```
#f8d654 rgb(248,214,84)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c8c4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc976 Protanopia 1% of men
#f3c179 Deuteranopia 1% of men
#e8becc Tritanopia 0.001% of the population

Trichromacy

#dcc873 Protanomaly 1% of men, 0.01% of women
#ebc275 Deuteranomaly 6% of men, 0.4% of women
#e4c1aa Tritanomaly 0.01% of the population

#ddc66f hex color

#ddc66f Color Information

#ddc66f Color Conversion

Color Schemes with #ddc66f

Alternatives to #ddc66f

#ddc66f Preview

Shades and Tints of #ddc66f

Tones of #ddc66f

Color Blindness Simulator