#ddd667 hex color

In a RGB color space, hex #ddd667 is composed of 86.7% red, 83.9% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 53.4% yellow and 13.3% black. It has a hue angle of 56.4 degrees, a saturation of 63.4% and a lightness of 63.5%. #ddd667 color hex could be obtained by blending #ffffce with #bbad00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 84
- B 40
RGB color chart
- C 0
- M 3
- Y 53
- K 13
CMYK color chart

● #ddd667 color description : Soft yellow.

The hexadecimal color #ddd667 has RGB values of R:221, G:214, B:103 and CMYK values of C:0, M:0.03, Y:0.53, K:0.13. Its decimal value is 14538343.

Hex triplet	ddd667	`#ddd667`
RGB Decimal	221, 214, 103	`rgb(221,214,103)`
RGB Percent	86.7, 83.9, 40.4	`rgb(86.7%,83.9%,40.4%)`
CMYK	0, 3, 53, 13
HSL	56.4°, 63.4, 63.5	`hsl(56.4,63.4%,63.5%)`
HSV (or HSB)	56.4°, 53.4, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.197, -11.938, 54.856
XYZ	56.313, 64.446, 22.304
xyY	0.394, 0.45, 64.446
CIE-LCH	84.197, 56.14, 102.277
CIE-LUV	84.197, 9.667, 69.863
Hunter-Lab	80.278, -15.272, 39.722
Binary	11011101, 11010110, 01100111

#ddd667
```
#ddd667 rgb(221,214,103)
```
#676edd
```
#676edd rgb(103,110,221)
```

Complementary Color

#dd9b67
```
#dd9b67 rgb(221,155,103)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#a9dd67
```
#a9dd67 rgb(169,221,103)
```

Analogous Color

#9b67dd
```
#9b67dd rgb(155,103,221)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#67a9dd
```
#67a9dd rgb(103,169,221)
```

Split Complementary Color

#d667dd
```
#d667dd rgb(214,103,221)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#67ddd6
```
#67ddd6 rgb(103,221,214)
```

Triadic Color

#dd676e
```
#dd676e rgb(221,103,110)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#67ddd6
```
#67ddd6 rgb(103,221,214)
```
#676edd
```
#676edd rgb(103,110,221)
```

Tetradic Color

#cac12d
```
#cac12d rgb(202,193,45)
```
#d4cb3d
```
#d4cb3d rgb(212,203,61)
```
#d8d052
```
#d8d052 rgb(216,208,82)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#e2dc7c
```
#e2dc7c rgb(226,220,124)
```
#e6e191
```
#e6e191 rgb(230,225,145)
```
#ebe7a6
```
#ebe7a6 rgb(235,231,166)
```

Monochromatic Color

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

#ddb967
```
#ddb967 rgb(221,185,103)
```
#ddc267
```
#ddc267 rgb(221,194,103)
```
#ddcc67
```
#ddcc67 rgb(221,204,103)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#dadd67
```
#dadd67 rgb(218,221,103)
```
#d0dd67
```
#d0dd67 rgb(208,221,103)
```
#c7dd67
```
#c7dd67 rgb(199,221,103)
```

Similar Colors

Text with hexadecimal color #ddd667

This text has a font color of #ddd667.

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

#ddd667 background color

This paragraph has a background color of #ddd667.

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

#ddd667 border color

This element has a border color of #ddd667.

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

CSS codes

.text {color:#ddd667;}

.background {background-color:#ddd667;}

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

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

#080802
```
#080802 rgb(8,8,2)
```
#181705
```
#181705 rgb(24,23,5)
```
#282609
```
#282609 rgb(40,38,9)
```
#38360d
```
#38360d rgb(56,54,13)
```
#484510
```
#484510 rgb(72,69,16)
```
#585414
```
#585414 rgb(88,84,20)
```
#686417
```
#686417 rgb(104,100,23)
```
#79731b
```
#79731b rgb(121,115,27)
```
#89821f
```
#89821f rgb(137,130,31)
```
#999222
```
#999222 rgb(153,146,34)
```
#a9a126
```
#a9a126 rgb(169,161,38)
```
#b9b029
```
#b9b029 rgb(185,176,41)
```
#c9bf2d
```
#c9bf2d rgb(201,191,45)
```

Shade Color Variation

#d2c937
```
#d2c937 rgb(210,201,55)
```
#d6cd47
```
#d6cd47 rgb(214,205,71)
```
#d9d257
```
#d9d257 rgb(217,210,87)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#e1da77
```
#e1da77 rgb(225,218,119)
```
#e4df87
```
#e4df87 rgb(228,223,135)
```
#e8e397
```
#e8e397 rgb(232,227,151)
```
#ebe7a7
```
#ebe7a7 rgb(235,231,167)
```
#efecb7
```
#efecb7 rgb(239,236,183)
```
#f3f0c7
```
#f3f0c7 rgb(243,240,199)
```
#f6f4d7
```
#f6f4d7 rgb(246,244,215)
```
#faf9e7
```
#faf9e7 rgb(250,249,231)
```
#fdfdf7
```
#fdfdf7 rgb(253,253,247)
```

Tint Color Variation

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

#a4a4a0
```
#a4a4a0 rgb(164,164,160)
```
#abaa99
```
#abaa99 rgb(171,170,153)
```
#b2b092
```
#b2b092 rgb(178,176,146)
```
#b9b68b
```
#b9b68b rgb(185,182,139)
```
#c0bd84
```
#c0bd84 rgb(192,189,132)
```
#c8c37c
```
#c8c37c rgb(200,195,124)
```
#cfc975
```
#cfc975 rgb(207,201,117)
```
#d6d06e
```
#d6d06e rgb(214,208,110)
```
#ddd667
```
#ddd667 rgb(221,214,103)
```
#e4dc60
```
#e4dc60 rgb(228,220,96)
```
#ebe359
```
#ebe359 rgb(235,227,89)
```
#f2e952
```
#f2e952 rgb(242,233,82)
```
#faef4a
```
#faef4a rgb(250,239,74)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cfcdb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead46d Protanopia 1% of men
#ffcb80 Deuteranopia 1% of men
#eaccda Tritanopia 0.001% of the population

Trichromacy

#e5d56b Protanomaly 1% of men, 0.01% of women
#f2cf77 Deuteranomaly 6% of men, 0.4% of women
#e5cfb0 Tritanomaly 0.01% of the population

#ddd667 hex color

#ddd667 Color Information

#ddd667 Color Conversion

Color Schemes with #ddd667

Alternatives to #ddd667

#ddd667 Preview

Shades and Tints of #ddd667

Tones of #ddd667

Color Blindness Simulator