colorhexa.com

#ddcc57 hex color

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

- R 87
- G 80
- B 34
RGB color chart
- C 0
- M 8
- Y 61
- K 13
CMYK color chart

● #ddcc57 color description : Soft yellow.

The hexadecimal color #ddcc57 has RGB values of R:221, G:204, B:87 and CMYK values of C:0, M:0.08, Y:0.61, K:0.13. Its decimal value is 14535767.

Hex triplet	ddcc57	`#ddcc57`
RGB Decimal	221, 204, 87	`rgb(221,204,87)`
RGB Percent	86.7, 80, 34.1	`rgb(86.7%,80%,34.1%)`
CMYK	0, 8, 61, 13
HSL	52.4°, 66.3, 60.4	`hsl(52.4,66.3%,60.4%)`
HSV (or HSB)	52.4°, 60.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.427, -8.06, 58.921
XYZ	53.132, 59.247, 17.653
xyY	0.409, 0.456, 59.247
CIE-LCH	81.427, 59.47, 97.79
CIE-LUV	81.427, 16.724, 71.638
Hunter-Lab	76.972, -11.487, 40.283
Binary	11011101, 11001100, 01010111

#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#5768dd
```
#5768dd rgb(87,104,221)
```

Complementary Color

#dd8957
```
#dd8957 rgb(221,137,87)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#abdd57
```
#abdd57 rgb(171,221,87)
```

Analogous Color

#8957dd
```
#8957dd rgb(137,87,221)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#57abdd
```
#57abdd rgb(87,171,221)
```

Split Complementary Color

#cc57dd
```
#cc57dd rgb(204,87,221)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#57ddcc
```
#57ddcc rgb(87,221,204)
```

Triadic Color

#dd5768
```
#dd5768 rgb(221,87,104)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#57ddcc
```
#57ddcc rgb(87,221,204)
```
#5768dd
```
#5768dd rgb(87,104,221)
```

Tetradic Color

#c1ad27
```
#c1ad27 rgb(193,173,39)
```
#d4bf2d
```
#d4bf2d rgb(212,191,45)
```
#d9c642
```
#d9c642 rgb(217,198,66)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#e1d26c
```
#e1d26c rgb(225,210,108)
```
#e6d981
```
#e6d981 rgb(230,217,129)
```
#eadf97
```
#eadf97 rgb(234,223,151)
```

Monochromatic Color

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

#ddab57
```
#ddab57 rgb(221,171,87)
```
#ddb657
```
#ddb657 rgb(221,182,87)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#ddd757
```
#ddd757 rgb(221,215,87)
```
#d8dd57
```
#d8dd57 rgb(216,221,87)
```
#cddd57
```
#cddd57 rgb(205,221,87)
```

Similar Colors

Text with hexadecimal color #ddcc57

This text has a font color of #ddcc57.

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

#ddcc57 background color

This paragraph has a background color of #ddcc57.

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

#ddcc57 border color

This element has a border color of #ddcc57.

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

CSS codes

.text {color:#ddcc57;}

.background {background-color:#ddcc57;}

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

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

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1c1906
```
#1c1906 rgb(28,25,6)
```
#2c2809
```
#2c2809 rgb(44,40,9)
```
#3c360c
```
#3c360c rgb(60,54,12)
```
#4d4510
```
#4d4510 rgb(77,69,16)
```
#5d5413
```
#5d5413 rgb(93,84,19)
```
#6d6216
```
#6d6216 rgb(109,98,22)
```
#7e7119
```
#7e7119 rgb(126,113,25)
```
#8e801d
```
#8e801d rgb(142,128,29)
```
#9e8e20
```
#9e8e20 rgb(158,142,32)
```
#af9d23
```
#af9d23 rgb(175,157,35)
```
#bfac27
```
#bfac27 rgb(191,172,39)
```
#cfba2a
```
#cfba2a rgb(207,186,42)
```

Shade Color Variation

#d6c236
```
#d6c236 rgb(214,194,54)
```
#dac747
```
#dac747 rgb(218,199,71)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#e0d167
```
#e0d167 rgb(224,209,103)
```
#e4d678
```
#e4d678 rgb(228,214,120)
```
#e7db88
```
#e7db88 rgb(231,219,136)
```
#eae098
```
#eae098 rgb(234,224,152)
```
#eee5a9
```
#eee5a9 rgb(238,229,169)
```
#f1eab9
```
#f1eab9 rgb(241,234,185)
```
#f4efc9
```
#f4efc9 rgb(244,239,201)
```
#f7f4da
```
#f7f4da rgb(247,244,218)
```
#fbf9ea
```
#fbf9ea rgb(251,249,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 #fce338 is the most saturated one.

#9f9e95
```
#9f9e95 rgb(159,158,149)
```
#a7a38d
```
#a7a38d rgb(167,163,141)
```
#aea986
```
#aea986 rgb(174,169,134)
```
#b6af7e
```
#b6af7e rgb(182,175,126)
```
#beb576
```
#beb576 rgb(190,181,118)
```
#c6bb6e
```
#c6bb6e rgb(198,187,110)
```
#cdc067
```
#cdc067 rgb(205,192,103)
```
#d5c65f
```
#d5c65f rgb(213,198,95)
```
#ddcc57
```
#ddcc57 rgb(221,204,87)
```
#e5d24f
```
#e5d24f rgb(229,210,79)
```
#edd847
```
#edd847 rgb(237,216,71)
```
#f4dd40
```
#f4dd40 rgb(244,221,64)
```
#fce338
```
#fce338 rgb(252,227,56)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c9c6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd5f Protanopia 1% of men
#fbc363 Deuteranopia 1% of men
#eac2d0 Tritanopia 0.001% of the population

Trichromacy

#e0cc5c Protanomaly 1% of men, 0.01% of women
#f0c65f Deuteranomaly 6% of men, 0.4% of women
#e5c6a4 Tritanomaly 0.01% of the population