#ddc76f hex color

In a RGB color space, hex #ddc76f is composed of 86.7% red, 78% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 49.8% yellow and 13.3% black. It has a hue angle of 48 degrees, a saturation of 61.8% and a lightness of 65.1%. #ddc76f color hex could be obtained by blending #ffffde with #bb8f00. 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

● #ddc76f color description : Soft yellow.

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

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

CIE-LAB	80.386, -3.626, 46.533
XYZ	53.111, 57.368, 23.314
xyY	0.397, 0.429, 57.368
CIE-LCH	80.386, 46.674, 94.456
CIE-LUV	80.386, 18.971, 59.148
Hunter-Lab	75.742, -7.381, 34.77
Binary	11011101, 11000111, 01101111

#ddc76f
```
#ddc76f rgb(221,199,111)
```
#6f85dd
```
#6f85dd rgb(111,133,221)
```

Complementary Color

#dd906f
```
#dd906f rgb(221,144,111)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#bcdd6f
```
#bcdd6f rgb(188,221,111)
```

Analogous Color

#906fdd
```
#906fdd rgb(144,111,221)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#6fbcdd
```
#6fbcdd rgb(111,188,221)
```

Split Complementary Color

#c76fdd
```
#c76fdd rgb(199,111,221)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#6fddc7
```
#6fddc7 rgb(111,221,199)
```

Triadic Color

#dd6f85
```
#dd6f85 rgb(221,111,133)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#6fddc7
```
#6fddc7 rgb(111,221,199)
```
#6f85dd
```
#6f85dd rgb(111,133,221)
```

Tetradic Color

#ceaf31
```
#ceaf31 rgb(206,175,49)
```
#d3b746
```
#d3b746 rgb(211,183,70)
```
#d8bf5a
```
#d8bf5a rgb(216,191,90)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#e2cf84
```
#e2cf84 rgb(226,207,132)
```
#e7d798
```
#e7d798 rgb(231,215,152)
```
#ecdfad
```
#ecdfad rgb(236,223,173)
```

Monochromatic Color

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

#ddac6f
```
#ddac6f rgb(221,172,111)
```
#ddb56f
```
#ddb56f rgb(221,181,111)
```
#ddbe6f
```
#ddbe6f rgb(221,190,111)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#ddd06f
```
#ddd06f rgb(221,208,111)
```
#ddd96f
```
#ddd96f rgb(221,217,111)
```
#d8dd6f
```
#d8dd6f rgb(216,221,111)
```

Similar Colors

Text with hexadecimal color #ddc76f

This text has a font color of #ddc76f.

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

#ddc76f background color

This paragraph has a background color of #ddc76f.

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

#ddc76f border color

This element has a border color of #ddc76f.

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

CSS codes

.text {color:#ddc76f;}

.background {background-color:#ddc76f;}

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

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)
```
#3e350f
```
#3e350f rgb(62,53,15)
```
#4e4212
```
#4e4212 rgb(78,66,18)
```
#5e5016
```
#5e5016 rgb(94,80,22)
```
#6e5d1a
```
#6e5d1a rgb(110,93,26)
```
#7e6b1e
```
#7e6b1e rgb(126,107,30)
```
#8e7821
```
#8e7821 rgb(142,120,33)
```
#9e8525
```
#9e8525 rgb(158,133,37)
```
#ad9329
```
#ad9329 rgb(173,147,41)
```
#bda02d
```
#bda02d rgb(189,160,45)
```
#cdae30
```
#cdae30 rgb(205,174,48)
```

Shade Color Variation

#d2b43f
```
#d2b43f rgb(210,180,63)
```
#d6bb4f
```
#d6bb4f rgb(214,187,79)
```
#d9c15f
```
#d9c15f rgb(217,193,95)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#e1cd7f
```
#e1cd7f rgb(225,205,127)
```
#e4d38f
```
#e4d38f rgb(228,211,143)
```
#e8da9f
```
#e8da9f rgb(232,218,159)
```
#ece0ae
```
#ece0ae rgb(236,224,174)
```
#f0e6be
```
#f0e6be rgb(240,230,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 #f8d754 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)
```
#c2b78a
```
#c2b78a rgb(194,183,138)
```
#c8bb84
```
#c8bb84 rgb(200,187,132)
```
#cfbf7d
```
#cfbf7d rgb(207,191,125)
```
#d6c376
```
#d6c376 rgb(214,195,118)
```
#ddc76f
```
#ddc76f rgb(221,199,111)
```
#e4cb68
```
#e4cb68 rgb(228,203,104)
```
#ebcf61
```
#ebcf61 rgb(235,207,97)
```
#f2d35a
```
#f2d35a rgb(242,211,90)
```
#f8d754
```
#f8d754 rgb(248,215,84)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c9c5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddca76 Protanopia 1% of men
#f4c179 Deuteranopia 1% of men
#e8bfcd Tritanopia 0.001% of the population

Trichromacy

#ddc973 Protanomaly 1% of men, 0.01% of women
#ebc375 Deuteranomaly 6% of men, 0.4% of women
#e4c2aa Tritanomaly 0.01% of the population

#ddc76f hex color

#ddc76f Color Information

#ddc76f Color Conversion

Color Schemes with #ddc76f

Alternatives to #ddc76f

#ddc76f Preview

Shades and Tints of #ddc76f

Tones of #ddc76f

Color Blindness Simulator