#ddd74f hex color

In a RGB color space, hex #ddd74f is composed of 86.7% red, 84.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.7% magenta, 64.3% yellow and 13.3% black. It has a hue angle of 57.5 degrees, a saturation of 67.6% and a lightness of 58.8%. #ddd74f color hex could be obtained by blending #ffff9e with #bbaf00. Closest websafe color is: #cccc66.

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

● #ddd74f color description : Soft yellow.

The hexadecimal color #ddd74f has RGB values of R:221, G:215, B:79 and CMYK values of C:0, M:0.03, Y:0.64, K:0.13. Its decimal value is 14538575.

Hex triplet	ddd74f	`#ddd74f`
RGB Decimal	221, 215, 79	`rgb(221,215,79)`
RGB Percent	86.7, 84.3, 31	`rgb(86.7%,84.3%,31%)`
CMYK	0, 3, 64, 13
HSL	57.5°, 67.6, 58.8	`hsl(57.5,67.6%,58.8%)`
HSV (or HSB)	57.5°, 64.3, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.245, -14.1, 65.293
XYZ	55.531, 64.539, 16.929
xyY	0.405, 0.471, 64.539
CIE-LCH	84.245, 66.798, 102.186
CIE-LUV	84.245, 9.749, 79.172
Hunter-Lab	80.336, -17.203, 43.741
Binary	11011101, 11010111, 01001111

#ddd74f
```
#ddd74f rgb(221,215,79)
```
#4f55dd
```
#4f55dd rgb(79,85,221)
```

Complementary Color

#dd904f
```
#dd904f rgb(221,144,79)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#9cdd4f
```
#9cdd4f rgb(156,221,79)
```

Analogous Color

#904fdd
```
#904fdd rgb(144,79,221)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#4f9cdd
```
#4f9cdd rgb(79,156,221)
```

Split Complementary Color

#d74fdd
```
#d74fdd rgb(215,79,221)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#4fddd7
```
#4fddd7 rgb(79,221,215)
```

Triadic Color

#dd4f55
```
#dd4f55 rgb(221,79,85)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#4fddd7
```
#4fddd7 rgb(79,221,215)
```
#4f55dd
```
#4f55dd rgb(79,85,221)
```

Tetradic Color

#bbb524
```
#bbb524 rgb(187,181,36)
```
#d1ca28
```
#d1ca28 rgb(209,202,40)
```
#d9d23a
```
#d9d23a rgb(217,210,58)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#e1dc64
```
#e1dc64 rgb(225,220,100)
```
#e5e17a
```
#e5e17a rgb(229,225,122)
```
#e9e68f
```
#e9e68f rgb(233,230,143)
```

Monochromatic Color

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

#ddb44f
```
#ddb44f rgb(221,180,79)
```
#ddbf4f
```
#ddbf4f rgb(221,191,79)
```
#ddcb4f
```
#ddcb4f rgb(221,203,79)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#d7dd4f
```
#d7dd4f rgb(215,221,79)
```
#cbdd4f
```
#cbdd4f rgb(203,221,79)
```
#c0dd4f
```
#c0dd4f rgb(192,221,79)
```

Similar Colors

Text with hexadecimal color #ddd74f

This text has a font color of #ddd74f.

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

#ddd74f background color

This paragraph has a background color of #ddd74f.

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

#ddd74f border color

This element has a border color of #ddd74f.

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

CSS codes

.text {color:#ddd74f;}

.background {background-color:#ddd74f;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#151504
```
#151504 rgb(21,21,4)
```
#262407
```
#262407 rgb(38,36,7)
```
#36340a
```
#36340a rgb(54,52,10)
```
#47440e
```
#47440e rgb(71,68,14)
```
#575411
```
#575411 rgb(87,84,17)
```
#676414
```
#676414 rgb(103,100,20)
```
#787417
```
#787417 rgb(120,116,23)
```
#88841a
```
#88841a rgb(136,132,26)
```
#99941e
```
#99941e rgb(153,148,30)
```
#a9a321
```
#a9a321 rgb(169,163,33)
```
#bab324
```
#bab324 rgb(186,179,36)
```
#cac327
```
#cac327 rgb(202,195,39)
```

Shade Color Variation

#d7d02e
```
#d7d02e rgb(215,208,46)
```
#dad33f
```
#dad33f rgb(218,211,63)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#e0db5f
```
#e0db5f rgb(224,219,95)
```
#e3de70
```
#e3de70 rgb(227,222,112)
```
#e7e280
```
#e7e280 rgb(231,226,128)
```
#eae691
```
#eae691 rgb(234,230,145)
```
#edeaa1
```
#edeaa1 rgb(237,234,161)
```
#f0edb2
```
#f0edb2 rgb(240,237,178)
```
#f3f1c2
```
#f3f1c2 rgb(243,241,194)
```
#f6f5d3
```
#f6f5d3 rgb(246,245,211)
```
#faf9e3
```
#faf9e3 rgb(250,249,227)
```
#fdfcf3
```
#fdfcf3 rgb(253,252,243)
```

Tint Color Variation

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

#9c9c90
```
#9c9c90 rgb(156,156,144)
```
#a4a388
```
#a4a388 rgb(164,163,136)
```
#adab7f
```
#adab7f rgb(173,171,127)
```
#b5b277
```
#b5b277 rgb(181,178,119)
```
#bdb96f
```
#bdb96f rgb(189,185,111)
```
#c5c167
```
#c5c167 rgb(197,193,103)
```
#cdc85f
```
#cdc85f rgb(205,200,95)
```
#d5d057
```
#d5d057 rgb(213,208,87)
```
#ddd74f
```
#ddd74f rgb(221,215,79)
```
#e5de47
```
#e5de47 rgb(229,222,71)
```
#ede63f
```
#ede63f rgb(237,230,63)
```
#f5ed37
```
#f5ed37 rgb(245,237,55)
```
#fdf52f
```
#fdf52f rgb(253,245,47)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cdccb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd456 Protanopia 1% of men
#ffcc7b Deuteranopia 1% of men
#ecccda Tritanopia 0.001% of the population

Trichromacy

#e6d554 Protanomaly 1% of men, 0.01% of women
#f2d06b Deuteranomaly 6% of men, 0.4% of women
#e6d0a7 Tritanomaly 0.01% of the population

#ddd74f hex color

#ddd74f Color Information

#ddd74f Color Conversion

Color Schemes with #ddd74f

Alternatives to #ddd74f

#ddd74f Preview

Shades and Tints of #ddd74f

Tones of #ddd74f

Color Blindness Simulator