#ddd557 hex color

In a RGB color space, hex #ddd557 is composed of 86.7% red, 83.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 60.6% yellow and 13.3% black. It has a hue angle of 56.4 degrees, a saturation of 66.3% and a lightness of 60.4%. #ddd557 color hex could be obtained by blending #ffffae with #bbab00. Closest websafe color is: #cccc66.

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

● #ddd557 color description : Soft yellow.

The hexadecimal color #ddd557 has RGB values of R:221, G:213, B:87 and CMYK values of C:0, M:0.04, Y:0.61, K:0.13. Its decimal value is 14538071.

Hex triplet	ddd557	`#ddd557`
RGB Decimal	221, 213, 87	`rgb(221,213,87)`
RGB Percent	86.7, 83.5, 34.1	`rgb(86.7%,83.5%,34.1%)`
CMYK	0, 4, 61, 13
HSL	56.4°, 66.3, 60.4	`hsl(56.4,66.3%,60.4%)`
HSV (or HSB)	56.4°, 60.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.783, -12.603, 61.492
XYZ	55.333, 63.65, 18.387
xyY	0.403, 0.463, 63.65
CIE-LCH	83.783, 62.771, 101.583
CIE-LUV	83.783, 10.824, 75.619
Hunter-Lab	79.781, -15.815, 42.182
Binary	11011101, 11010101, 01010111

#ddd557
```
#ddd557 rgb(221,213,87)
```
#575fdd
```
#575fdd rgb(87,95,221)
```

Complementary Color

#dd9257
```
#dd9257 rgb(221,146,87)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#a2dd57
```
#a2dd57 rgb(162,221,87)
```

Analogous Color

#9257dd
```
#9257dd rgb(146,87,221)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#57a2dd
```
#57a2dd rgb(87,162,221)
```

Split Complementary Color

#d557dd
```
#d557dd rgb(213,87,221)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#57ddd5
```
#57ddd5 rgb(87,221,213)
```

Triadic Color

#dd575f
```
#dd575f rgb(221,87,95)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#57ddd5
```
#57ddd5 rgb(87,221,213)
```
#575fdd
```
#575fdd rgb(87,95,221)
```

Tetradic Color

#c1b727
```
#c1b727 rgb(193,183,39)
```
#d4ca2d
```
#d4ca2d rgb(212,202,45)
```
#d9d042
```
#d9d042 rgb(217,208,66)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#e1da6c
```
#e1da6c rgb(225,218,108)
```
#e6e081
```
#e6e081 rgb(230,224,129)
```
#eae597
```
#eae597 rgb(234,229,151)
```

Monochromatic Color

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

#ddb457
```
#ddb457 rgb(221,180,87)
```
#ddbf57
```
#ddbf57 rgb(221,191,87)
```
#ddca57
```
#ddca57 rgb(221,202,87)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#dadd57
```
#dadd57 rgb(218,221,87)
```
#cfdd57
```
#cfdd57 rgb(207,221,87)
```
#c4dd57
```
#c4dd57 rgb(196,221,87)
```

Similar Colors

Text with hexadecimal color #ddd557

This text has a font color of #ddd557.

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

#ddd557 background color

This paragraph has a background color of #ddd557.

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

#ddd557 border color

This element has a border color of #ddd557.

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

CSS codes

.text {color:#ddd557;}

.background {background-color:#ddd557;}

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

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

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1c1a06
```
#1c1a06 rgb(28,26,6)
```
#2c2a09
```
#2c2a09 rgb(44,42,9)
```
#3c3a0c
```
#3c3a0c rgb(60,58,12)
```
#4d4910
```
#4d4910 rgb(77,73,16)
```
#5d5913
```
#5d5913 rgb(93,89,19)
```
#6d6816
```
#6d6816 rgb(109,104,22)
```
#7e7819
```
#7e7819 rgb(126,120,25)
```
#8e871d
```
#8e871d rgb(142,135,29)
```
#9e9720
```
#9e9720 rgb(158,151,32)
```
#afa623
```
#afa623 rgb(175,166,35)
```
#bfb627
```
#bfb627 rgb(191,182,39)
```
#cfc52a
```
#cfc52a rgb(207,197,42)
```

Shade Color Variation

#d6cd36
```
#d6cd36 rgb(214,205,54)
```
#dad147
```
#dad147 rgb(218,209,71)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#e0d967
```
#e0d967 rgb(224,217,103)
```
#e4dd78
```
#e4dd78 rgb(228,221,120)
```
#e7e188
```
#e7e188 rgb(231,225,136)
```
#eae598
```
#eae598 rgb(234,229,152)
```
#eee9a9
```
#eee9a9 rgb(238,233,169)
```
#f1edb9
```
#f1edb9 rgb(241,237,185)
```
#f4f2c9
```
#f4f2c9 rgb(244,242,201)
```
#f7f6da
```
#f7f6da rgb(247,246,218)
```
#fbfaea
```
#fbfaea rgb(251,250,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#9f9e95
```
#9f9e95 rgb(159,158,149)
```
#a7a58d
```
#a7a58d rgb(167,165,141)
```
#aeac86
```
#aeac86 rgb(174,172,134)
```
#b6b37e
```
#b6b37e rgb(182,179,126)
```
#beba76
```
#beba76 rgb(190,186,118)
```
#c6c06e
```
#c6c06e rgb(198,192,110)
```
#cdc767
```
#cdc767 rgb(205,199,103)
```
#d5ce5f
```
#d5ce5f rgb(213,206,95)
```
#ddd557
```
#ddd557 rgb(221,213,87)
```
#e5dc4f
```
#e5dc4f rgb(229,220,79)
```
#ede347
```
#ede347 rgb(237,227,71)
```
#f4ea40
```
#f4ea40 rgb(244,234,64)
```
#fcf038
```
#fcf038 rgb(252,240,56)
```

Tone Color Variation

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

Dichromacy

#ead35e Protanopia 1% of men
#ffca76 Deuteranopia 1% of men
#ebcad8 Tritanopia 0.001% of the population

Trichromacy

#e5d45b Protanomaly 1% of men, 0.01% of women
#f2ce6b Deuteranomaly 6% of men, 0.4% of women
#e6cea9 Tritanomaly 0.01% of the population

#ddd557 hex color

#ddd557 Color Information

#ddd557 Color Conversion

Color Schemes with #ddd557

Alternatives to #ddd557

#ddd557 Preview

Shades and Tints of #ddd557

Tones of #ddd557

Color Blindness Simulator