#ddd54f hex color

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

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

● #ddd54f color description : Soft yellow.

The hexadecimal color #ddd54f has RGB values of R:221, G:213, B:79 and CMYK values of C:0, M:0.04, Y:0.64, K:0.13. Its decimal value is 14538063.

Hex triplet	ddd54f	`#ddd54f`
RGB Decimal	221, 213, 79	`rgb(221,213,79)`
RGB Percent	86.7, 83.5, 31	`rgb(86.7%,83.5%,31%)`
CMYK	0, 4, 64, 13
HSL	56.6°, 67.6, 58.8	`hsl(56.6,67.6%,58.8%)`
HSV (or HSB)	56.6°, 64.3, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.719, -13.103, 64.743
XYZ	55.024, 63.526, 16.76
xyY	0.407, 0.469, 63.526
CIE-LCH	83.719, 66.056, 101.441
CIE-LUV	83.719, 11.05, 78.313
Hunter-Lab	79.703, -16.251, 43.325
Binary	11011101, 11010101, 01001111

#ddd54f
```
#ddd54f rgb(221,213,79)
```
#4f57dd
```
#4f57dd rgb(79,87,221)
```

Complementary Color

#dd8e4f
```
#dd8e4f rgb(221,142,79)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#9edd4f
```
#9edd4f rgb(158,221,79)
```

Analogous Color

#8e4fdd
```
#8e4fdd rgb(142,79,221)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#4f9edd
```
#4f9edd rgb(79,158,221)
```

Split Complementary Color

#d54fdd
```
#d54fdd rgb(213,79,221)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#4fddd5
```
#4fddd5 rgb(79,221,213)
```

Triadic Color

#dd4f57
```
#dd4f57 rgb(221,79,87)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#4fddd5
```
#4fddd5 rgb(79,221,213)
```
#4f57dd
```
#4f57dd rgb(79,87,221)
```

Tetradic Color

#bbb324
```
#bbb324 rgb(187,179,36)
```
#d1c728
```
#d1c728 rgb(209,199,40)
```
#d9d03a
```
#d9d03a rgb(217,208,58)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#e1da64
```
#e1da64 rgb(225,218,100)
```
#e5df7a
```
#e5df7a rgb(229,223,122)
```
#e9e48f
```
#e9e48f rgb(233,228,143)
```

Monochromatic Color

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

#ddb24f
```
#ddb24f rgb(221,178,79)
```
#ddbd4f
```
#ddbd4f rgb(221,189,79)
```
#ddc94f
```
#ddc94f rgb(221,201,79)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#d9dd4f
```
#d9dd4f rgb(217,221,79)
```
#cddd4f
```
#cddd4f rgb(205,221,79)
```
#c2dd4f
```
#c2dd4f rgb(194,221,79)
```

Similar Colors

Text with hexadecimal color #ddd54f

This text has a font color of #ddd54f.

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

#ddd54f background color

This paragraph has a background color of #ddd54f.

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

#ddd54f border color

This element has a border color of #ddd54f.

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

CSS codes

.text {color:#ddd54f;}

.background {background-color:#ddd54f;}

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

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)
```
#151404
```
#151404 rgb(21,20,4)
```
#262407
```
#262407 rgb(38,36,7)
```
#36340a
```
#36340a rgb(54,52,10)
```
#47430e
```
#47430e rgb(71,67,14)
```
#575311
```
#575311 rgb(87,83,17)
```
#676314
```
#676314 rgb(103,99,20)
```
#787217
```
#787217 rgb(120,114,23)
```
#88821a
```
#88821a rgb(136,130,26)
```
#99921e
```
#99921e rgb(153,146,30)
```
#a9a221
```
#a9a221 rgb(169,162,33)
```
#bab124
```
#bab124 rgb(186,177,36)
```
#cac127
```
#cac127 rgb(202,193,39)
```

Shade Color Variation

#d7cd2e
```
#d7cd2e rgb(215,205,46)
```
#dad13f
```
#dad13f rgb(218,209,63)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#e0d95f
```
#e0d95f rgb(224,217,95)
```
#e3dd70
```
#e3dd70 rgb(227,221,112)
```
#e7e180
```
#e7e180 rgb(231,225,128)
```
#eae591
```
#eae591 rgb(234,229,145)
```
#ede9a1
```
#ede9a1 rgb(237,233,161)
```
#f0edb2
```
#f0edb2 rgb(240,237,178)
```
#f3f0c2
```
#f3f0c2 rgb(243,240,194)
```
#f6f4d3
```
#f6f4d3 rgb(246,244,211)
```
#faf8e3
```
#faf8e3 rgb(250,248,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 #fdf22f is the most saturated one.

#9c9c90
```
#9c9c90 rgb(156,156,144)
```
#a4a388
```
#a4a388 rgb(164,163,136)
```
#adaa7f
```
#adaa7f rgb(173,170,127)
```
#b5b177
```
#b5b177 rgb(181,177,119)
```
#bdb86f
```
#bdb86f rgb(189,184,111)
```
#c5bf67
```
#c5bf67 rgb(197,191,103)
```
#cdc75f
```
#cdc75f rgb(205,199,95)
```
#d5ce57
```
#d5ce57 rgb(213,206,87)
```
#ddd54f
```
#ddd54f rgb(221,213,79)
```
#e5dc47
```
#e5dc47 rgb(229,220,71)
```
#ede33f
```
#ede33f rgb(237,227,63)
```
#f5eb37
```
#f5eb37 rgb(245,235,55)
```
#fdf22f
```
#fdf22f rgb(253,242,47)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#cccbb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead357 Protanopia 1% of men
#ffca74 Deuteranopia 1% of men
#ebcad8 Tritanopia 0.001% of the population

Trichromacy

#e5d354 Protanomaly 1% of men, 0.01% of women
#f2ce66 Deuteranomaly 6% of men, 0.4% of women
#e6cea6 Tritanomaly 0.01% of the population

#ddd54f hex color

#ddd54f Color Information

#ddd54f Color Conversion

Color Schemes with #ddd54f

Alternatives to #ddd54f

#ddd54f Preview

Shades and Tints of #ddd54f

Tones of #ddd54f

Color Blindness Simulator