#ddb66f hex color

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

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

● #ddb66f color description : Soft orange.

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

Hex triplet	ddb66f	`#ddb66f`
RGB Decimal	221, 182, 111	`rgb(221,182,111)`
RGB Percent	86.7, 71.4, 43.5	`rgb(86.7%,71.4%,43.5%)`
CMYK	0, 18, 50, 13
HSL	38.7°, 61.8, 65.1	`hsl(38.7,61.8%,65.1%)`
HSV (or HSB)	38.7°, 49.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.056, 5.259, 41.212
XYZ	49.416, 49.978, 22.082
xyY	0.407, 0.411, 49.978
CIE-LCH	76.056, 41.546, 82.728
CIE-LUV	76.056, 30.243, 50.886
Hunter-Lab	70.695, 1.057, 30.967
Binary	11011101, 10110110, 01101111

#ddb66f
```
#ddb66f rgb(221,182,111)
```
#6f96dd
```
#6f96dd rgb(111,150,221)
```

Complementary Color

#dd7f6f
```
#dd7f6f rgb(221,127,111)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#cddd6f
```
#cddd6f rgb(205,221,111)
```

Analogous Color

#7f6fdd
```
#7f6fdd rgb(127,111,221)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#6fcddd
```
#6fcddd rgb(111,205,221)
```

Split Complementary Color

#b66fdd
```
#b66fdd rgb(182,111,221)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#6fddb6
```
#6fddb6 rgb(111,221,182)
```

Triadic Color

#dd6f96
```
#dd6f96 rgb(221,111,150)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#6fddb6
```
#6fddb6 rgb(111,221,182)
```
#6f96dd
```
#6f96dd rgb(111,150,221)
```

Tetradic Color

#ce9731
```
#ce9731 rgb(206,151,49)
```
#d3a146
```
#d3a146 rgb(211,161,70)
```
#d8ac5a
```
#d8ac5a rgb(216,172,90)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#e2c084
```
#e2c084 rgb(226,192,132)
```
#e7cb98
```
#e7cb98 rgb(231,203,152)
```
#ecd5ad
```
#ecd5ad rgb(236,213,173)
```

Monochromatic Color

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

#dd9b6f
```
#dd9b6f rgb(221,155,111)
```
#dda46f
```
#dda46f rgb(221,164,111)
```
#ddad6f
```
#ddad6f rgb(221,173,111)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#ddbf6f
```
#ddbf6f rgb(221,191,111)
```
#ddc86f
```
#ddc86f rgb(221,200,111)
```
#ddd26f
```
#ddd26f rgb(221,210,111)
```

Similar Colors

Text with hexadecimal color #ddb66f

This text has a font color of #ddb66f.

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

#ddb66f background color

This paragraph has a background color of #ddb66f.

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

#ddb66f border color

This element has a border color of #ddb66f.

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

CSS codes

.text {color:#ddb66f;}

.background {background-color:#ddb66f;}

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

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

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#1f1607
```
#1f1607 rgb(31,22,7)
```
#2e220b
```
#2e220b rgb(46,34,11)
```
#3e2d0f
```
#3e2d0f rgb(62,45,15)
```
#4e3912
```
#4e3912 rgb(78,57,18)
```
#5e4516
```
#5e4516 rgb(94,69,22)
```
#6e501a
```
#6e501a rgb(110,80,26)
```
#7e5c1e
```
#7e5c1e rgb(126,92,30)
```
#8e6721
```
#8e6721 rgb(142,103,33)
```
#9e7325
```
#9e7325 rgb(158,115,37)
```
#ad7e29
```
#ad7e29 rgb(173,126,41)
```
#bd8a2d
```
#bd8a2d rgb(189,138,45)
```
#cd9630
```
#cd9630 rgb(205,150,48)
```

Shade Color Variation

#d29e3f
```
#d29e3f rgb(210,158,63)
```
#d6a64f
```
#d6a64f rgb(214,166,79)
```
#d9ae5f
```
#d9ae5f rgb(217,174,95)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#e1be7f
```
#e1be7f rgb(225,190,127)
```
#e4c68f
```
#e4c68f rgb(228,198,143)
```
#e8ce9f
```
#e8ce9f rgb(232,206,159)
```
#ecd6ae
```
#ecd6ae rgb(236,214,174)
```
#f0debe
```
#f0debe rgb(240,222,190)
```
#f3e6ce
```
#f3e6ce rgb(243,230,206)
```
#f7eede
```
#f7eede rgb(247,238,222)
```
#fbf6ee
```
#fbf6ee rgb(251,246,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 #f8be54 is the most saturated one.

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#ada89f
```
#ada89f rgb(173,168,159)
```
#b4aa98
```
#b4aa98 rgb(180,170,152)
```
#bbac91
```
#bbac91 rgb(187,172,145)
```
#c2ae8a
```
#c2ae8a rgb(194,174,138)
```
#c8b084
```
#c8b084 rgb(200,176,132)
```
#cfb27d
```
#cfb27d rgb(207,178,125)
```
#d6b476
```
#d6b476 rgb(214,180,118)
```
#ddb66f
```
#ddb66f rgb(221,182,111)
```
#e4b868
```
#e4b868 rgb(228,184,104)
```
#ebba61
```
#ebba61 rgb(235,186,97)
```
#f2bc5a
```
#f2bc5a rgb(242,188,90)
```
#f8be54
```
#f8be54 rgb(248,190,84)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#c1b9ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0be78 Protanopia 1% of men
#e5b677 Deuteranopia 1% of men
#e6b1bd Tritanopia 0.001% of the population

Trichromacy

#d4bb74 Protanomaly 1% of men, 0.01% of women
#e2b674 Deuteranomaly 6% of men, 0.4% of women
#e2b2a0 Tritanomaly 0.01% of the population

#ddb66f hex color

#ddb66f Color Information

#ddb66f Color Conversion

Color Schemes with #ddb66f

Alternatives to #ddb66f

#ddb66f Preview

Shades and Tints of #ddb66f

Tones of #ddb66f

Color Blindness Simulator