#ddae66 hex color

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

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

● #ddae66 color description : Soft orange.

The hexadecimal color #ddae66 has RGB values of R:221, G:174, B:102 and CMYK values of C:0, M:0.21, Y:0.54, K:0.13. Its decimal value is 14528102.

Hex triplet	ddae66	`#ddae66`
RGB Decimal	221, 174, 102	`rgb(221,174,102)`
RGB Percent	86.7, 68.2, 40	`rgb(86.7%,68.2%,40%)`
CMYK	0, 21, 54, 13
HSL	36.3°, 63.6, 63.3	`hsl(36.3,63.6%,63.3%)`
HSV (or HSB)	36.3°, 53.8, 86.7
Web Safe	cc9966	`#cc9966`

CIE-LAB	73.937, 8.718, 43.162
XYZ	47.353, 46.606, 19.071
xyY	0.419, 0.412, 46.606
CIE-LCH	73.937, 44.033, 78.581
CIE-LUV	73.937, 36.382, 51.514
Hunter-Lab	68.268, 4.345, 31.225
Binary	11011101, 10101110, 01100110

#ddae66
```
#ddae66 rgb(221,174,102)
```
#6695dd
```
#6695dd rgb(102,149,221)
```

Complementary Color

#dd7366
```
#dd7366 rgb(221,115,102)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#d1dd66
```
#d1dd66 rgb(209,221,102)
```

Analogous Color

#7366dd
```
#7366dd rgb(115,102,221)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#66d1dd
```
#66d1dd rgb(102,209,221)
```

Split Complementary Color

#ae66dd
```
#ae66dd rgb(174,102,221)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#66ddae
```
#66ddae rgb(102,221,174)
```

Triadic Color

#dd6695
```
#dd6695 rgb(221,102,149)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#66ddae
```
#66ddae rgb(102,221,174)
```
#6695dd
```
#6695dd rgb(102,149,221)
```

Tetradic Color

#ca8c2d
```
#ca8c2d rgb(202,140,45)
```
#d4983c
```
#d4983c rgb(212,152,60)
```
#d8a351
```
#d8a351 rgb(216,163,81)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#e2b97b
```
#e2b97b rgb(226,185,123)
```
#e6c490
```
#e6c490 rgb(230,196,144)
```
#ebcfa5
```
#ebcfa5 rgb(235,207,165)
```

Monochromatic Color

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

#dd9066
```
#dd9066 rgb(221,144,102)
```
#dd9a66
```
#dd9a66 rgb(221,154,102)
```
#dda466
```
#dda466 rgb(221,164,102)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#ddb866
```
#ddb866 rgb(221,184,102)
```
#ddc266
```
#ddc266 rgb(221,194,102)
```
#ddcc66
```
#ddcc66 rgb(221,204,102)
```

Similar Colors

Text with hexadecimal color #ddae66

This text has a font color of #ddae66.

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

#ddae66 background color

This paragraph has a background color of #ddae66.

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

#ddae66 border color

This element has a border color of #ddae66.

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

CSS codes

.text {color:#ddae66;}

.background {background-color:#ddae66;}

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

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

#070502
```
#070502 rgb(7,5,2)
```
#181005
```
#181005 rgb(24,16,5)
```
#281b09
```
#281b09 rgb(40,27,9)
```
#38270c
```
#38270c rgb(56,39,12)
```
#483210
```
#483210 rgb(72,50,16)
```
#583d13
```
#583d13 rgb(88,61,19)
```
#684817
```
#684817 rgb(104,72,23)
```
#78531b
```
#78531b rgb(120,83,27)
```
#885e1e
```
#885e1e rgb(136,94,30)
```
#986922
```
#986922 rgb(152,105,34)
```
#a87425
```
#a87425 rgb(168,116,37)
```
#b87f29
```
#b87f29 rgb(184,127,41)
```
#c88b2c
```
#c88b2c rgb(200,139,44)
```

Shade Color Variation

#d29536
```
#d29536 rgb(210,149,54)
```
#d69d46
```
#d69d46 rgb(214,157,70)
```
#d9a656
```
#d9a656 rgb(217,166,86)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#e1b676
```
#e1b676 rgb(225,182,118)
```
#e4bf86
```
#e4bf86 rgb(228,191,134)
```
#e8c796
```
#e8c796 rgb(232,199,150)
```
#ebd0a6
```
#ebd0a6 rgb(235,208,166)
```
#efd8b6
```
#efd8b6 rgb(239,216,182)
```
#f2e1c6
```
#f2e1c6 rgb(242,225,198)
```
#f6e9d6
```
#f6e9d6 rgb(246,233,214)
```
#faf2e6
```
#faf2e6 rgb(250,242,230)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,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 #fab449 is the most saturated one.

#a3a2a0
```
#a3a2a0 rgb(163,162,160)
```
#aba398
```
#aba398 rgb(171,163,152)
```
#b2a591
```
#b2a591 rgb(178,165,145)
```
#b9a68a
```
#b9a68a rgb(185,166,138)
```
#c0a883
```
#c0a883 rgb(192,168,131)
```
#c7a97c
```
#c7a97c rgb(199,169,124)
```
#cfab74
```
#cfab74 rgb(207,171,116)
```
#d6ac6d
```
#d6ac6d rgb(214,172,109)
```
#ddae66
```
#ddae66 rgb(221,174,102)
```
#e4b05f
```
#e4b05f rgb(228,176,95)
```
#ebb158
```
#ebb158 rgb(235,177,88)
```
#f3b350
```
#f3b350 rgb(243,179,80)
```
#fab449
```
#fab449 rgb(250,180,73)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bcb3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab970 Protanopia 1% of men
#e0b16e Deuteranopia 1% of men
#e5a9b5 Tritanopia 0.001% of the population

Trichromacy

#d1b56c Protanomaly 1% of men, 0.01% of women
#dfb06b Deuteranomaly 6% of men, 0.4% of women
#e2ab98 Tritanomaly 0.01% of the population

#ddae66 hex color

#ddae66 Color Information

#ddae66 Color Conversion

Color Schemes with #ddae66

Alternatives to #ddae66

#ddae66 Preview

Shades and Tints of #ddae66

Tones of #ddae66

Color Blindness Simulator