#ddb166 hex color

In a RGB color space, hex #ddb166 is composed of 86.7% red, 69.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.9% magenta, 53.8% yellow and 13.3% black. It has a hue angle of 37.8 degrees, a saturation of 63.6% and a lightness of 63.3%. #ddb166 color hex could be obtained by blending #ffffcc with #bb6300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 87
- G 69
- B 40
RGB color chart
- C 0
- M 20
- Y 54
- K 13
CMYK color chart

● #ddb166 color description : Soft orange.

The hexadecimal color #ddb166 has RGB values of R:221, G:177, B:102 and CMYK values of C:0, M:0.2, Y:0.54, K:0.13. Its decimal value is 14528870.

Hex triplet	ddb166	`#ddb166`
RGB Decimal	221, 177, 102	`rgb(221,177,102)`
RGB Percent	86.7, 69.4, 40	`rgb(86.7%,69.4%,40%)`
CMYK	0, 20, 54, 13
HSL	37.8°, 63.6, 63.3	`hsl(37.8,63.6%,63.3%)`
HSV (or HSB)	37.8°, 53.8, 86.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.685, 7.123, 44.07
XYZ	47.94, 47.778, 19.267
xyY	0.417, 0.416, 47.778
CIE-LCH	74.685, 44.642, 80.818
CIE-LUV	74.685, 34.299, 52.933
Hunter-Lab	69.121, 2.837, 31.859
Binary	11011101, 10110001, 01100110

#ddb166
```
#ddb166 rgb(221,177,102)
```
#6692dd
```
#6692dd rgb(102,146,221)
```

Complementary Color

#dd7666
```
#dd7666 rgb(221,118,102)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#cedd66
```
#cedd66 rgb(206,221,102)
```

Analogous Color

#7666dd
```
#7666dd rgb(118,102,221)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#66cedd
```
#66cedd rgb(102,206,221)
```

Split Complementary Color

#b166dd
```
#b166dd rgb(177,102,221)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#66ddb1
```
#66ddb1 rgb(102,221,177)
```

Triadic Color

#dd6692
```
#dd6692 rgb(221,102,146)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#66ddb1
```
#66ddb1 rgb(102,221,177)
```
#6692dd
```
#6692dd rgb(102,146,221)
```

Tetradic Color

#ca902d
```
#ca902d rgb(202,144,45)
```
#d49c3c
```
#d49c3c rgb(212,156,60)
```
#d8a651
```
#d8a651 rgb(216,166,81)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#e2bc7b
```
#e2bc7b rgb(226,188,123)
```
#e6c690
```
#e6c690 rgb(230,198,144)
```
#ebd1a5
```
#ebd1a5 rgb(235,209,165)
```

Monochromatic Color

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

#dd9366
```
#dd9366 rgb(221,147,102)
```
#dd9d66
```
#dd9d66 rgb(221,157,102)
```
#dda766
```
#dda766 rgb(221,167,102)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#ddbb66
```
#ddbb66 rgb(221,187,102)
```
#ddc566
```
#ddc566 rgb(221,197,102)
```
#ddcf66
```
#ddcf66 rgb(221,207,102)
```

Similar Colors

Text with hexadecimal color #ddb166

This text has a font color of #ddb166.

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

#ddb166 background color

This paragraph has a background color of #ddb166.

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

#ddb166 border color

This element has a border color of #ddb166.

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

CSS codes

.text {color:#ddb166;}

.background {background-color:#ddb166;}

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

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, #070502 is the darkest color, while #fdfbf6 is the lightest one.

#070502
```
#070502 rgb(7,5,2)
```
#181105
```
#181105 rgb(24,17,5)
```
#281c09
```
#281c09 rgb(40,28,9)
```
#38280c
```
#38280c rgb(56,40,12)
```
#483310
```
#483310 rgb(72,51,16)
```
#583f13
```
#583f13 rgb(88,63,19)
```
#684a17
```
#684a17 rgb(104,74,23)
```
#78551b
```
#78551b rgb(120,85,27)
```
#88611e
```
#88611e rgb(136,97,30)
```
#986c22
```
#986c22 rgb(152,108,34)
```
#a87825
```
#a87825 rgb(168,120,37)
```
#b88329
```
#b88329 rgb(184,131,41)
```
#c88f2c
```
#c88f2c rgb(200,143,44)
```

Shade Color Variation

#d29836
```
#d29836 rgb(210,152,54)
```
#d6a146
```
#d6a146 rgb(214,161,70)
```
#d9a956
```
#d9a956 rgb(217,169,86)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#e1b976
```
#e1b976 rgb(225,185,118)
```
#e4c186
```
#e4c186 rgb(228,193,134)
```
#e8ca96
```
#e8ca96 rgb(232,202,150)
```
#ebd2a6
```
#ebd2a6 rgb(235,210,166)
```
#efdab6
```
#efdab6 rgb(239,218,182)
```
#f2e2c6
```
#f2e2c6 rgb(242,226,198)
```
#f6ead6
```
#f6ead6 rgb(246,234,214)
```
#faf2e6
```
#faf2e6 rgb(250,242,230)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#a3a2a0
```
#a3a2a0 rgb(163,162,160)
```
#aba498
```
#aba498 rgb(171,164,152)
```
#b2a691
```
#b2a691 rgb(178,166,145)
```
#b9a88a
```
#b9a88a rgb(185,168,138)
```
#c0aa83
```
#c0aa83 rgb(192,170,131)
```
#c7ab7c
```
#c7ab7c rgb(199,171,124)
```
#cfad74
```
#cfad74 rgb(207,173,116)
```
#d6af6d
```
#d6af6d rgb(214,175,109)
```
#ddb166
```
#ddb166 rgb(221,177,102)
```
#e4b35f
```
#e4b35f rgb(228,179,95)
```
#ebb558
```
#ebb558 rgb(235,181,88)
```
#f3b750
```
#f3b750 rgb(243,183,80)
```
#fab849
```
#fab849 rgb(250,184,73)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb5a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbb70 Protanopia 1% of men
#e2b36e Deuteranopia 1% of men
#e5acb8 Tritanopia 0.001% of the population

Trichromacy

#d2b76c Protanomaly 1% of men, 0.01% of women
#e0b26b Deuteranomaly 6% of men, 0.4% of women
#e2ad9a Tritanomaly 0.01% of the population

#ddb166 hex color

#ddb166 Color Information

#ddb166 Color Conversion

Color Schemes with #ddb166

Alternatives to #ddb166

#ddb166 Preview

Shades and Tints of #ddb166

Tones of #ddb166

Color Blindness Simulator