#ddc16f hex color

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

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

● #ddc16f color description : Soft orange.

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

Hex triplet	ddc16f	`#ddc16f`
RGB Decimal	221, 193, 111	`rgb(221,193,111)`
RGB Percent	86.7, 75.7, 43.5	`rgb(86.7%,75.7%,43.5%)`
CMYK	0, 13, 50, 13
HSL	44.7°, 61.8, 65.1	`hsl(44.7,61.8%,65.1%)`
HSV (or HSB)	44.7°, 49.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.846, -0.515, 44.654
XYZ	51.758, 54.661, 22.862
xyY	0.4, 0.423, 54.661
CIE-LCH	78.846, 44.657, 90.66
CIE-LUV	78.846, 22.903, 56.241
Hunter-Lab	73.933, -4.422, 33.419
Binary	11011101, 11000001, 01101111

#ddc16f
```
#ddc16f rgb(221,193,111)
```
#6f8bdd
```
#6f8bdd rgb(111,139,221)
```

Complementary Color

#dd8a6f
```
#dd8a6f rgb(221,138,111)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#c2dd6f
```
#c2dd6f rgb(194,221,111)
```

Analogous Color

#8a6fdd
```
#8a6fdd rgb(138,111,221)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#6fc2dd
```
#6fc2dd rgb(111,194,221)
```

Split Complementary Color

#c16fdd
```
#c16fdd rgb(193,111,221)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#6fddc1
```
#6fddc1 rgb(111,221,193)
```

Triadic Color

#dd6f8b
```
#dd6f8b rgb(221,111,139)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#6fddc1
```
#6fddc1 rgb(111,221,193)
```
#6f8bdd
```
#6f8bdd rgb(111,139,221)
```

Tetradic Color

#cea631
```
#cea631 rgb(206,166,49)
```
#d3af46
```
#d3af46 rgb(211,175,70)
```
#d8b85a
```
#d8b85a rgb(216,184,90)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#e2ca84
```
#e2ca84 rgb(226,202,132)
```
#e7d398
```
#e7d398 rgb(231,211,152)
```
#ecdcad
```
#ecdcad rgb(236,220,173)
```

Monochromatic Color

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

#dda66f
```
#dda66f rgb(221,166,111)
```
#ddaf6f
```
#ddaf6f rgb(221,175,111)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#ddca6f
```
#ddca6f rgb(221,202,111)
```
#ddd36f
```
#ddd36f rgb(221,211,111)
```
#dddd6f
```
#dddd6f rgb(221,221,111)
```

Similar Colors

Text with hexadecimal color #ddc16f

This text has a font color of #ddc16f.

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

#ddc16f background color

This paragraph has a background color of #ddc16f.

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

#ddc16f border color

This element has a border color of #ddc16f.

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

CSS codes

.text {color:#ddc16f;}

.background {background-color:#ddc16f;}

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

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 #fffefe is the lightest one.

#0f0c03
```
#0f0c03 rgb(15,12,3)
```
#1f1907
```
#1f1907 rgb(31,25,7)
```
#2e250b
```
#2e250b rgb(46,37,11)
```
#3e320f
```
#3e320f rgb(62,50,15)
```
#4e3f12
```
#4e3f12 rgb(78,63,18)
```
#5e4c16
```
#5e4c16 rgb(94,76,22)
```
#6e591a
```
#6e591a rgb(110,89,26)
```
#7e651e
```
#7e651e rgb(126,101,30)
```
#8e7221
```
#8e7221 rgb(142,114,33)
```
#9e7f25
```
#9e7f25 rgb(158,127,37)
```
#ad8c29
```
#ad8c29 rgb(173,140,41)
```
#bd982d
```
#bd982d rgb(189,152,45)
```
#cda530
```
#cda530 rgb(205,165,48)
```

Shade Color Variation

#d2ad3f
```
#d2ad3f rgb(210,173,63)
```
#d6b34f
```
#d6b34f rgb(214,179,79)
```
#d9ba5f
```
#d9ba5f rgb(217,186,95)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#e1c87f
```
#e1c87f rgb(225,200,127)
```
#e4cf8f
```
#e4cf8f rgb(228,207,143)
```
#e8d59f
```
#e8d59f rgb(232,213,159)
```
#ecdcae
```
#ecdcae rgb(236,220,174)
```
#f0e3be
```
#f0e3be rgb(240,227,190)
```
#f3eace
```
#f3eace rgb(243,234,206)
```
#f7f1de
```
#f7f1de rgb(247,241,222)
```
#fbf8ee
```
#fbf8ee rgb(251,248,238)
```
#fffefe
```
#fffefe rgb(255,254,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 #f8ce54 is the most saturated one.

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#ada99f
```
#ada99f rgb(173,169,159)
```
#b4ad98
```
#b4ad98 rgb(180,173,152)
```
#bbb091
```
#bbb091 rgb(187,176,145)
```
#c2b48a
```
#c2b48a rgb(194,180,138)
```
#c8b784
```
#c8b784 rgb(200,183,132)
```
#cfba7d
```
#cfba7d rgb(207,186,125)
```
#d6be76
```
#d6be76 rgb(214,190,118)
```
#ddc16f
```
#ddc16f rgb(221,193,111)
```
#e4c468
```
#e4c468 rgb(228,196,104)
```
#ebc861
```
#ebc861 rgb(235,200,97)
```
#f2cb5a
```
#f2cb5a rgb(242,203,90)
```
#f8ce54
```
#f8ce54 rgb(248,206,84)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c6c0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c677 Protanopia 1% of men
#efbd78 Deuteranopia 1% of men
#e7bac7 Tritanopia 0.001% of the population

Trichromacy

#dac474 Protanomaly 1% of men, 0.01% of women
#e8be75 Deuteranomaly 6% of men, 0.4% of women
#e3bca7 Tritanomaly 0.01% of the population

#ddc16f hex color

#ddc16f Color Information

#ddc16f Color Conversion

Color Schemes with #ddc16f

Alternatives to #ddc16f

#ddc16f Preview

Shades and Tints of #ddc16f

Tones of #ddc16f

Color Blindness Simulator