#ddb86f hex color

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

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

● #ddb86f color description : Soft orange.

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

Hex triplet	ddb86f	`#ddb86f`
RGB Decimal	221, 184, 111	`rgb(221,184,111)`
RGB Percent	86.7, 72.2, 43.5	`rgb(86.7%,72.2%,43.5%)`
CMYK	0, 17, 50, 13
HSL	39.8°, 61.8, 65.1	`hsl(39.8,61.8%,65.1%)`
HSV (or HSB)	39.8°, 49.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.559, 4.203, 41.837
XYZ	49.829, 50.803, 22.219
xyY	0.406, 0.414, 50.803
CIE-LCH	76.559, 42.048, 84.263
CIE-LUV	76.559, 28.897, 51.861
Hunter-Lab	71.276, 0.056, 31.41
Binary	11011101, 10111000, 01101111

#ddb86f
```
#ddb86f rgb(221,184,111)
```
#6f94dd
```
#6f94dd rgb(111,148,221)
```

Complementary Color

#dd816f
```
#dd816f rgb(221,129,111)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#cbdd6f
```
#cbdd6f rgb(203,221,111)
```

Analogous Color

#816fdd
```
#816fdd rgb(129,111,221)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#6fcbdd
```
#6fcbdd rgb(111,203,221)
```

Split Complementary Color

#b86fdd
```
#b86fdd rgb(184,111,221)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#6fddb8
```
#6fddb8 rgb(111,221,184)
```

Triadic Color

#dd6f94
```
#dd6f94 rgb(221,111,148)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#6fddb8
```
#6fddb8 rgb(111,221,184)
```
#6f94dd
```
#6f94dd rgb(111,148,221)
```

Tetradic Color

#ce9931
```
#ce9931 rgb(206,153,49)
```
#d3a446
```
#d3a446 rgb(211,164,70)
```
#d8ae5a
```
#d8ae5a rgb(216,174,90)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#e2c284
```
#e2c284 rgb(226,194,132)
```
#e7cc98
```
#e7cc98 rgb(231,204,152)
```
#ecd7ad
```
#ecd7ad rgb(236,215,173)
```

Monochromatic Color

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

#dd9d6f
```
#dd9d6f rgb(221,157,111)
```
#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)
```
#ddd46f
```
#ddd46f rgb(221,212,111)
```

Similar Colors

Text with hexadecimal color #ddb86f

This text has a font color of #ddb86f.

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

#ddb86f background color

This paragraph has a background color of #ddb86f.

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

#ddb86f border color

This element has a border color of #ddb86f.

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

CSS codes

.text {color:#ddb86f;}

.background {background-color:#ddb86f;}

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

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)
```
#1f1707
```
#1f1707 rgb(31,23,7)
```
#2e220b
```
#2e220b rgb(46,34,11)
```
#3e2e0f
```
#3e2e0f rgb(62,46,15)
```
#4e3a12
```
#4e3a12 rgb(78,58,18)
```
#5e4616
```
#5e4616 rgb(94,70,22)
```
#6e521a
```
#6e521a rgb(110,82,26)
```
#7e5d1e
```
#7e5d1e rgb(126,93,30)
```
#8e6921
```
#8e6921 rgb(142,105,33)
```
#9e7525
```
#9e7525 rgb(158,117,37)
```
#ad8129
```
#ad8129 rgb(173,129,41)
```
#bd8d2d
```
#bd8d2d rgb(189,141,45)
```
#cd9830
```
#cd9830 rgb(205,152,48)
```

Shade Color Variation

#d2a13f
```
#d2a13f rgb(210,161,63)
```
#d6a84f
```
#d6a84f rgb(214,168,79)
```
#d9b05f
```
#d9b05f rgb(217,176,95)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#e1c07f
```
#e1c07f rgb(225,192,127)
```
#e4c88f
```
#e4c88f rgb(228,200,143)
```
#e8cf9f
```
#e8cf9f rgb(232,207,159)
```
#ecd7ae
```
#ecd7ae rgb(236,215,174)
```
#f0dfbe
```
#f0dfbe rgb(240,223,190)
```
#f3e7ce
```
#f3e7ce rgb(243,231,206)
```
#f7efde
```
#f7efde rgb(247,239,222)
```
#fbf7ee
```
#fbf7ee rgb(251,247,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 #f8c154 is the most saturated one.

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#ada89f
```
#ada89f rgb(173,168,159)
```
#b4ab98
```
#b4ab98 rgb(180,171,152)
```
#bbad91
```
#bbad91 rgb(187,173,145)
```
#c2af8a
```
#c2af8a rgb(194,175,138)
```
#c8b184
```
#c8b184 rgb(200,177,132)
```
#cfb47d
```
#cfb47d rgb(207,180,125)
```
#d6b676
```
#d6b676 rgb(214,182,118)
```
#ddb86f
```
#ddb86f rgb(221,184,111)
```
#e4ba68
```
#e4ba68 rgb(228,186,104)
```
#ebbc61
```
#ebbc61 rgb(235,188,97)
```
#f2bf5a
```
#f2bf5a rgb(242,191,90)
```
#f8c154
```
#f8c154 rgb(248,193,84)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c2baac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c078 Protanopia 1% of men
#e7b877 Deuteranopia 1% of men
#e6b2bf Tritanopia 0.001% of the population

Trichromacy

#d5bd74 Protanomaly 1% of men, 0.01% of women
#e3b874 Deuteranomaly 6% of men, 0.4% of women
#e2b4a2 Tritanomaly 0.01% of the population

#ddb86f hex color

#ddb86f Color Information

#ddb86f Color Conversion

Color Schemes with #ddb86f

Alternatives to #ddb86f

#ddb86f Preview

Shades and Tints of #ddb86f

Tones of #ddb86f

Color Blindness Simulator