#ddd56f hex color

In a RGB color space, hex #ddd56f is composed of 86.7% red, 83.5% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 49.8% yellow and 13.3% black. It has a hue angle of 55.6 degrees, a saturation of 61.8% and a lightness of 65.1%. #ddd56f color hex could be obtained by blending #ffffde with #bbab00. Closest websafe color is: #cccc66.

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

● #ddd56f color description : Soft yellow.

The hexadecimal color #ddd56f has RGB values of R:221, G:213, B:111 and CMYK values of C:0, M:0.04, Y:0.5, K:0.13. Its decimal value is 14538095.

Hex triplet	ddd56f	`#ddd56f`
RGB Decimal	221, 213, 111	`rgb(221,213,111)`
RGB Percent	86.7, 83.5, 43.5	`rgb(86.7%,83.5%,43.5%)`
CMYK	0, 4, 50, 13
HSL	55.6°, 61.8, 65.1	`hsl(55.6,61.8%,65.1%)`
HSV (or HSB)	55.6°, 49.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.023, -10.766, 50.911
XYZ	56.482, 64.109, 24.437
xyY	0.389, 0.442, 64.109
CIE-LCH	84.023, 52.037, 101.941
CIE-LUV	84.023, 10.007, 65.878
Hunter-Lab	80.068, -14.202, 37.952
Binary	11011101, 11010101, 01101111

#ddd56f
```
#ddd56f rgb(221,213,111)
```
#6f77dd
```
#6f77dd rgb(111,119,221)
```

Complementary Color

#dd9e6f
```
#dd9e6f rgb(221,158,111)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#aedd6f
```
#aedd6f rgb(174,221,111)
```

Analogous Color

#9e6fdd
```
#9e6fdd rgb(158,111,221)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#6faedd
```
#6faedd rgb(111,174,221)
```

Split Complementary Color

#d56fdd
```
#d56fdd rgb(213,111,221)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#6fddd5
```
#6fddd5 rgb(111,221,213)
```

Triadic Color

#dd6f77
```
#dd6f77 rgb(221,111,119)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#6fddd5
```
#6fddd5 rgb(111,221,213)
```
#6f77dd
```
#6f77dd rgb(111,119,221)
```

Tetradic Color

#cec331
```
#cec331 rgb(206,195,49)
```
#d3c946
```
#d3c946 rgb(211,201,70)
```
#d8cf5a
```
#d8cf5a rgb(216,207,90)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#e2db84
```
#e2db84 rgb(226,219,132)
```
#e7e198
```
#e7e198 rgb(231,225,152)
```
#ece7ad
```
#ece7ad rgb(236,231,173)
```

Monochromatic Color

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

#ddba6f
```
#ddba6f rgb(221,186,111)
```
#ddc36f
```
#ddc36f rgb(221,195,111)
```
#ddcc6f
```
#ddcc6f rgb(221,204,111)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#dcdd6f
```
#dcdd6f rgb(220,221,111)
```
#d3dd6f
```
#d3dd6f rgb(211,221,111)
```
#cadd6f
```
#cadd6f rgb(202,221,111)
```

Similar Colors

Text with hexadecimal color #ddd56f

This text has a font color of #ddd56f.

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

#ddd56f background color

This paragraph has a background color of #ddd56f.

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

#ddd56f border color

This element has a border color of #ddd56f.

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

CSS codes

.text {color:#ddd56f;}

.background {background-color:#ddd56f;}

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

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, #0f0e03 is the darkest color, while #fffffe is the lightest one.

#0f0e03
```
#0f0e03 rgb(15,14,3)
```
#1f1d07
```
#1f1d07 rgb(31,29,7)
```
#2e2c0b
```
#2e2c0b rgb(46,44,11)
```
#3e3b0f
```
#3e3b0f rgb(62,59,15)
```
#4e4a12
```
#4e4a12 rgb(78,74,18)
```
#5e5916
```
#5e5916 rgb(94,89,22)
```
#6e681a
```
#6e681a rgb(110,104,26)
```
#7e771e
```
#7e771e rgb(126,119,30)
```
#8e8621
```
#8e8621 rgb(142,134,33)
```
#9e9525
```
#9e9525 rgb(158,149,37)
```
#ada429
```
#ada429 rgb(173,164,41)
```
#bdb32d
```
#bdb32d rgb(189,179,45)
```
#cdc230
```
#cdc230 rgb(205,194,48)
```

Shade Color Variation

#d2c73f
```
#d2c73f rgb(210,199,63)
```
#d6cc4f
```
#d6cc4f rgb(214,204,79)
```
#d9d05f
```
#d9d05f rgb(217,208,95)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#e1da7f
```
#e1da7f rgb(225,218,127)
```
#e4de8f
```
#e4de8f rgb(228,222,143)
```
#e8e39f
```
#e8e39f rgb(232,227,159)
```
#ece8ae
```
#ece8ae rgb(236,232,174)
```
#f0ecbe
```
#f0ecbe rgb(240,236,190)
```
#f3f1ce
```
#f3f1ce rgb(243,241,206)
```
#f7f5de
```
#f7f5de rgb(247,245,222)
```
#fbfaee
```
#fbfaee rgb(251,250,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a6a6a6
```
#a6a6a6 rgb(166,166,166)
```
#adac9f
```
#adac9f rgb(173,172,159)
```
#b4b298
```
#b4b298 rgb(180,178,152)
```
#bbb891
```
#bbb891 rgb(187,184,145)
```
#c2be8a
```
#c2be8a rgb(194,190,138)
```
#c8c384
```
#c8c384 rgb(200,195,132)
```
#cfc97d
```
#cfc97d rgb(207,201,125)
```
#d6cf76
```
#d6cf76 rgb(214,207,118)
```
#ddd56f
```
#ddd56f rgb(221,213,111)
```
#e4db68
```
#e4db68 rgb(228,219,104)
```
#ebe161
```
#ebe161 rgb(235,225,97)
```
#f2e75a
```
#f2e75a rgb(242,231,90)
```
#f8ec54
```
#f8ec54 rgb(248,236,84)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cfceb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d475 Protanopia 1% of men
#ffcb80 Deuteranopia 1% of men
#eacbda Tritanopia 0.001% of the population

Trichromacy

#e4d473 Protanomaly 1% of men, 0.01% of women
#f2ce7a Deuteranomaly 6% of men, 0.4% of women
#e5cfb3 Tritanomaly 0.01% of the population

#ddd56f hex color

#ddd56f Color Information

#ddd56f Color Conversion

Color Schemes with #ddd56f

Alternatives to #ddd56f

#ddd56f Preview

Shades and Tints of #ddd56f

Tones of #ddd56f

Color Blindness Simulator