#ddc556 hex color

In a RGB color space, hex #ddc556 is composed of 86.7% red, 77.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 61.1% yellow and 13.3% black. It has a hue angle of 49.3 degrees, a saturation of 66.5% and a lightness of 60.2%. #ddc556 color hex could be obtained by blending #ffffac with #bb8b00. Closest websafe color is: #cccc66.

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

● #ddc556 color description : Soft yellow.

The hexadecimal color #ddc556 has RGB values of R:221, G:197, B:86 and CMYK values of C:0, M:0.11, Y:0.61, K:0.13. Its decimal value is 14533974.

Hex triplet	ddc556	`#ddc556`
RGB Decimal	221, 197, 86	`rgb(221,197,86)`
RGB Percent	86.7, 77.3, 33.7	`rgb(86.7%,77.3%,33.7%)`
CMYK	0, 11, 61, 13
HSL	49.3°, 66.5, 60.2	`hsl(49.3,66.5%,60.2%)`
HSV (or HSB)	49.3°, 61.1, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.601, -4.543, 57.352
XYZ	51.465, 55.978, 16.898
xyY	0.414, 0.45, 55.978
CIE-LCH	79.601, 57.532, 94.529
CIE-LUV	79.601, 21.457, 68.902
Hunter-Lab	74.819, -8.149, 38.982
Binary	11011101, 11000101, 01010110

#ddc556
```
#ddc556 rgb(221,197,86)
```
#566edd
```
#566edd rgb(86,110,221)
```

Complementary Color

#dd8256
```
#dd8256 rgb(221,130,86)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#b2dd56
```
#b2dd56 rgb(178,221,86)
```

Analogous Color

#8256dd
```
#8256dd rgb(130,86,221)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#56b2dd
```
#56b2dd rgb(86,178,221)
```

Split Complementary Color

#c556dd
```
#c556dd rgb(197,86,221)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#56ddc5
```
#56ddc5 rgb(86,221,197)
```

Triadic Color

#dd566e
```
#dd566e rgb(221,86,110)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#56ddc5
```
#56ddc5 rgb(86,221,197)
```
#566edd
```
#566edd rgb(86,110,221)
```

Tetradic Color

#c0a527
```
#c0a527 rgb(192,165,39)
```
#d4b62c
```
#d4b62c rgb(212,182,44)
```
#d9be41
```
#d9be41 rgb(217,190,65)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#e1cc6b
```
#e1cc6b rgb(225,204,107)
```
#e6d480
```
#e6d480 rgb(230,212,128)
```
#eadb96
```
#eadb96 rgb(234,219,150)
```

Monochromatic Color

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

#dda356
```
#dda356 rgb(221,163,86)
```
#ddaf56
```
#ddaf56 rgb(221,175,86)
```
#ddba56
```
#ddba56 rgb(221,186,86)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#ddd056
```
#ddd056 rgb(221,208,86)
```
#dddc56
```
#dddc56 rgb(221,220,86)
```
#d3dd56
```
#d3dd56 rgb(211,221,86)
```

Similar Colors

Text with hexadecimal color #ddc556

This text has a font color of #ddc556.

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

#ddc556 background color

This paragraph has a background color of #ddc556.

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

#ddc556 border color

This element has a border color of #ddc556.

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

CSS codes

.text {color:#ddc556;}

.background {background-color:#ddc556;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1b1705
```
#1b1705 rgb(27,23,5)
```
#2b2509
```
#2b2509 rgb(43,37,9)
```
#3c330c
```
#3c330c rgb(60,51,12)
```
#4c410f
```
#4c410f rgb(76,65,15)
```
#5c4f13
```
#5c4f13 rgb(92,79,19)
```
#6d5d16
```
#6d5d16 rgb(109,93,22)
```
#7d6b19
```
#7d6b19 rgb(125,107,25)
```
#8d791c
```
#8d791c rgb(141,121,28)
```
#9e8720
```
#9e8720 rgb(158,135,32)
```
#ae9523
```
#ae9523 rgb(174,149,35)
```
#bea326
```
#bea326 rgb(190,163,38)
```
#cfb12a
```
#cfb12a rgb(207,177,42)
```

Shade Color Variation

#d6ba35
```
#d6ba35 rgb(214,186,53)
```
#dabf46
```
#dabf46 rgb(218,191,70)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#e0cb66
```
#e0cb66 rgb(224,203,102)
```
#e4d077
```
#e4d077 rgb(228,208,119)
```
#e7d687
```
#e7d687 rgb(231,214,135)
```
#eadb97
```
#eadb97 rgb(234,219,151)
```
#ede1a8
```
#ede1a8 rgb(237,225,168)
```
#f1e7b8
```
#f1e7b8 rgb(241,231,184)
```
#f4ecc8
```
#f4ecc8 rgb(244,236,200)
```
#f7f2d9
```
#f7f2d9 rgb(247,242,217)
```
#fbf7e9
```
#fbf7e9 rgb(251,247,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#9f9d94
```
#9f9d94 rgb(159,157,148)
```
#a6a28d
```
#a6a28d rgb(166,162,141)
```
#aea785
```
#aea785 rgb(174,167,133)
```
#b6ac7d
```
#b6ac7d rgb(182,172,125)
```
#beb175
```
#beb175 rgb(190,177,117)
```
#c6b66d
```
#c6b66d rgb(198,182,109)
```
#cdbb66
```
#cdbb66 rgb(205,187,102)
```
#d5c05e
```
#d5c05e rgb(213,192,94)
```
#ddc556
```
#ddc556 rgb(221,197,86)
```
#e5ca4e
```
#e5ca4e rgb(229,202,78)
```
#edcf46
```
#edcf46 rgb(237,207,70)
```
#f4d43f
```
#f4d43f rgb(244,212,63)
```
#fcd937
```
#fcd937 rgb(252,217,55)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c6c1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc85e Protanopia 1% of men
#f5bf61 Deuteranopia 1% of men
#e9bcc9 Tritanopia 0.001% of the population

Trichromacy

#ddc75b Protanomaly 1% of men, 0.01% of women
#ecc15d Deuteranomaly 6% of men, 0.4% of women
#e4bf9f Tritanomaly 0.01% of the population

#ddc556 hex color

#ddc556 Color Information

#ddc556 Color Conversion

Color Schemes with #ddc556

Alternatives to #ddc556

#ddc556 Preview

Shades and Tints of #ddc556

Tones of #ddc556

Color Blindness Simulator