#ddd55f hex color

In a RGB color space, hex #ddd55f is composed of 86.7% red, 83.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 57% yellow and 13.3% black. It has a hue angle of 56.2 degrees, a saturation of 64.9% and a lightness of 62%. #ddd55f color hex could be obtained by blending #ffffbe with #bbab00. Closest websafe color is: #cccc66.

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

● #ddd55f color description : Soft yellow.

The hexadecimal color #ddd55f has RGB values of R:221, G:213, B:95 and CMYK values of C:0, M:0.04, Y:0.57, K:0.13. Its decimal value is 14538079.

Hex triplet	ddd55f	`#ddd55f`
RGB Decimal	221, 213, 95	`rgb(221,213,95)`
RGB Percent	86.7, 83.5, 37.3	`rgb(86.7%,83.5%,37.3%)`
CMYK	0, 4, 57, 13
HSL	56.2°, 64.9, 62	`hsl(56.2,64.9%,62%)`
HSV (or HSB)	56.2°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.855, -12.048, 58.087
XYZ	55.679, 63.788, 20.205
xyY	0.399, 0.457, 63.788
CIE-LCH	83.855, 59.324, 101.717
CIE-LUV	83.855, 10.574, 72.647
Hunter-Lab	79.867, -15.329, 40.908
Binary	11011101, 11010101, 01011111

#ddd55f
```
#ddd55f rgb(221,213,95)
```
#5f67dd
```
#5f67dd rgb(95,103,221)
```

Complementary Color

#dd965f
```
#dd965f rgb(221,150,95)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#a6dd5f
```
#a6dd5f rgb(166,221,95)
```

Analogous Color

#965fdd
```
#965fdd rgb(150,95,221)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#5fa6dd
```
#5fa6dd rgb(95,166,221)
```

Split Complementary Color

#d55fdd
```
#d55fdd rgb(213,95,221)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#5fddd5
```
#5fddd5 rgb(95,221,213)
```

Triadic Color

#dd5f67
```
#dd5f67 rgb(221,95,103)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#5fddd5
```
#5fddd5 rgb(95,221,213)
```
#5f67dd
```
#5f67dd rgb(95,103,221)
```

Tetradic Color

#c6bc2a
```
#c6bc2a rgb(198,188,42)
```
#d4ca35
```
#d4ca35 rgb(212,202,53)
```
#d9cf4a
```
#d9cf4a rgb(217,207,74)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#e1db74
```
#e1db74 rgb(225,219,116)
```
#e6e089
```
#e6e089 rgb(230,224,137)
```
#eae69e
```
#eae69e rgb(234,230,158)
```

Monochromatic Color

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

#ddb65f
```
#ddb65f rgb(221,182,95)
```
#ddc05f
```
#ddc05f rgb(221,192,95)
```
#ddcb5f
```
#ddcb5f rgb(221,203,95)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#dbdd5f
```
#dbdd5f rgb(219,221,95)
```
#d0dd5f
```
#d0dd5f rgb(208,221,95)
```
#c6dd5f
```
#c6dd5f rgb(198,221,95)
```

Similar Colors

Text with hexadecimal color #ddd55f

This text has a font color of #ddd55f.

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

#ddd55f background color

This paragraph has a background color of #ddd55f.

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

#ddd55f border color

This element has a border color of #ddd55f.

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

CSS codes

.text {color:#ddd55f;}

.background {background-color:#ddd55f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#121104
```
#121104 rgb(18,17,4)
```
#222007
```
#222007 rgb(34,32,7)
```
#32300b
```
#32300b rgb(50,48,11)
```
#423f0e
```
#423f0e rgb(66,63,14)
```
#534f12
```
#534f12 rgb(83,79,18)
```
#635e15
```
#635e15 rgb(99,94,21)
```
#736d18
```
#736d18 rgb(115,109,24)
```
#837d1c
```
#837d1c rgb(131,125,28)
```
#938c1f
```
#938c1f rgb(147,140,31)
```
#a49b23
```
#a49b23 rgb(164,155,35)
```
#b4ab26
```
#b4ab26 rgb(180,171,38)
```
#c4ba2a
```
#c4ba2a rgb(196,186,42)
```

Shade Color Variation

#d3c82e
```
#d3c82e rgb(211,200,46)
```
#d6cd3f
```
#d6cd3f rgb(214,205,63)
```
#dad14f
```
#dad14f rgb(218,209,79)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#e0d96f
```
#e0d96f rgb(224,217,111)
```
#e4dd7f
```
#e4dd7f rgb(228,221,127)
```
#e7e290
```
#e7e290 rgb(231,226,144)
```
#ebe6a0
```
#ebe6a0 rgb(235,230,160)
```
#eeeab0
```
#eeeab0 rgb(238,234,176)
```
#f2eec0
```
#f2eec0 rgb(242,238,192)
```
#f5f3d0
```
#f5f3d0 rgb(245,243,208)
```
#f9f7e0
```
#f9f7e0 rgb(249,247,224)
```
#fcfbf1
```
#fcfbf1 rgb(252,251,241)
```

Tint Color Variation

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

#a1a19b
```
#a1a19b rgb(161,161,155)
```
#a9a793
```
#a9a793 rgb(169,167,147)
```
#b0ae8c
```
#b0ae8c rgb(176,174,140)
```
#b8b484
```
#b8b484 rgb(184,180,132)
```
#bfbb7d
```
#bfbb7d rgb(191,187,125)
```
#c7c175
```
#c7c175 rgb(199,193,117)
```
#cec86e
```
#cec86e rgb(206,200,110)
```
#d6ce66
```
#d6ce66 rgb(214,206,102)
```
#ddd55f
```
#ddd55f rgb(221,213,95)
```
#e4dc58
```
#e4dc58 rgb(228,220,88)
```
#ece250
```
#ece250 rgb(236,226,80)
```
#f3e949
```
#f3e949 rgb(243,233,73)
```
#fbef41
```
#fbef41 rgb(251,239,65)
```

Tone Color Variation

Below, you can see how #ddd55f 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
#ceccb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d366 Protanopia 1% of men
#ffca79 Deuteranopia 1% of men
#ebcbd9 Tritanopia 0.001% of the population

Trichromacy

#e5d463 Protanomaly 1% of men, 0.01% of women
#f2ce70 Deuteranomaly 6% of men, 0.4% of women
#e5ceac Tritanomaly 0.01% of the population

#ddd55f hex color

#ddd55f Color Information

#ddd55f Color Conversion

Color Schemes with #ddd55f

Alternatives to #ddd55f

#ddd55f Preview

Shades and Tints of #ddd55f

Tones of #ddd55f

Color Blindness Simulator