#ddd84f hex color

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

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

● #ddd84f color description : Soft yellow.

The hexadecimal color #ddd84f has RGB values of R:221, G:216, B:79 and CMYK values of C:0, M:0.02, Y:0.64, K:0.13. Its decimal value is 14538831.

Hex triplet	ddd84f	`#ddd84f`
RGB Decimal	221, 216, 79	`rgb(221,216,79)`
RGB Percent	86.7, 84.7, 31	`rgb(86.7%,84.7%,31%)`
CMYK	0, 2, 64, 13
HSL	57.9°, 67.6, 58.8	`hsl(57.9,67.6%,58.8%)`
HSV (or HSB)	57.9°, 64.3, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.509, -14.598, 65.568
XYZ	55.786, 65.049, 17.014
xyY	0.405, 0.472, 65.049
CIE-LCH	84.509, 67.173, 102.551
CIE-LUV	84.509, 9.101, 79.601
Hunter-Lab	80.653, -17.679, 43.95
Binary	11011101, 11011000, 01001111

#ddd84f
```
#ddd84f rgb(221,216,79)
```
#4f54dd
```
#4f54dd rgb(79,84,221)
```

Complementary Color

#dd914f
```
#dd914f rgb(221,145,79)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#9bdd4f
```
#9bdd4f rgb(155,221,79)
```

Analogous Color

#914fdd
```
#914fdd rgb(145,79,221)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#4f9bdd
```
#4f9bdd rgb(79,155,221)
```

Split Complementary Color

#d84fdd
```
#d84fdd rgb(216,79,221)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#4fddd8
```
#4fddd8 rgb(79,221,216)
```

Triadic Color

#dd4f54
```
#dd4f54 rgb(221,79,84)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#4fddd8
```
#4fddd8 rgb(79,221,216)
```
#4f54dd
```
#4f54dd rgb(79,84,221)
```

Tetradic Color

#bbb624
```
#bbb624 rgb(187,182,36)
```
#d1cb28
```
#d1cb28 rgb(209,203,40)
```
#d9d33a
```
#d9d33a rgb(217,211,58)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#e1dd64
```
#e1dd64 rgb(225,221,100)
```
#e5e17a
```
#e5e17a rgb(229,225,122)
```
#e9e68f
```
#e9e68f rgb(233,230,143)
```

Monochromatic Color

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

#ddb54f
```
#ddb54f rgb(221,181,79)
```
#ddc04f
```
#ddc04f rgb(221,192,79)
```
#ddcc4f
```
#ddcc4f rgb(221,204,79)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#d6dd4f
```
#d6dd4f rgb(214,221,79)
```
#cadd4f
```
#cadd4f rgb(202,221,79)
```
#bfdd4f
```
#bfdd4f rgb(191,221,79)
```

Similar Colors

Text with hexadecimal color #ddd84f

This text has a font color of #ddd84f.

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

#ddd84f background color

This paragraph has a background color of #ddd84f.

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

#ddd84f border color

This element has a border color of #ddd84f.

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

CSS codes

.text {color:#ddd84f;}

.background {background-color:#ddd84f;}

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

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)
```
#262507
```
#262507 rgb(38,37,7)
```
#36350a
```
#36350a rgb(54,53,10)
```
#47450e
```
#47450e rgb(71,69,14)
```
#575511
```
#575511 rgb(87,85,17)
```
#676514
```
#676514 rgb(103,101,20)
```
#787517
```
#787517 rgb(120,117,23)
```
#88841a
```
#88841a rgb(136,132,26)
```
#99941e
```
#99941e rgb(153,148,30)
```
#a9a421
```
#a9a421 rgb(169,164,33)
```
#bab424
```
#bab424 rgb(186,180,36)
```
#cac427
```
#cac427 rgb(202,196,39)
```

Shade Color Variation

#d7d12e
```
#d7d12e rgb(215,209,46)
```
#dad43f
```
#dad43f rgb(218,212,63)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#e0dc5f
```
#e0dc5f rgb(224,220,95)
```
#e3df70
```
#e3df70 rgb(227,223,112)
```
#e7e380
```
#e7e380 rgb(231,227,128)
```
#eae791
```
#eae791 rgb(234,231,145)
```
#edeaa1
```
#edeaa1 rgb(237,234,161)
```
#f0eeb2
```
#f0eeb2 rgb(240,238,178)
```
#f3f2c2
```
#f3f2c2 rgb(243,242,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 #fdf62f 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)
```
#bdba6f
```
#bdba6f rgb(189,186,111)
```
#c5c167
```
#c5c167 rgb(197,193,103)
```
#cdc95f
```
#cdc95f rgb(205,201,95)
```
#d5d057
```
#d5d057 rgb(213,208,87)
```
#ddd84f
```
#ddd84f rgb(221,216,79)
```
#e5e047
```
#e5e047 rgb(229,224,71)
```
#ede73f
```
#ede73f rgb(237,231,63)
```
#f5ef37
```
#f5ef37 rgb(245,239,55)
```
#fdf62f
```
#fdf62f rgb(253,246,47)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cecdb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd556 Protanopia 1% of men
#ffcd7e Deuteranopia 1% of men
#ecccdb Tritanopia 0.001% of the population

Trichromacy

#e7d654 Protanomaly 1% of men, 0.01% of women
#f2d16d Deuteranomaly 6% of men, 0.4% of women
#e6d0a8 Tritanomaly 0.01% of the population

#ddd84f hex color

#ddd84f Color Information

#ddd84f Color Conversion

Color Schemes with #ddd84f

Alternatives to #ddd84f

#ddd84f Preview

Shades and Tints of #ddd84f

Tones of #ddd84f

Color Blindness Simulator