#ddc57d hex color

In a RGB color space, hex #ddc57d is composed of 86.7% red, 77.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 43.4% yellow and 13.3% black. It has a hue angle of 45 degrees, a saturation of 58.5% and a lightness of 67.8%. #ddc57d color hex could be obtained by blending #fffffa with #bb8b00. Closest websafe color is: #cccc66.

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

● #ddc57d color description : Very soft yellow.

The hexadecimal color #ddc57d has RGB values of R:221, G:197, B:125 and CMYK values of C:0, M:0.11, Y:0.43, K:0.13. Its decimal value is 14534013.

Hex triplet	ddc57d	`#ddc57d`
RGB Decimal	221, 197, 125	`rgb(221,197,125)`
RGB Percent	86.7, 77.3, 49	`rgb(86.7%,77.3%,49%)`
CMYK	0, 11, 43, 13
HSL	45°, 58.5, 67.8	`hsl(45,58.5%,67.8%)`
HSV (or HSB)	45°, 43.4, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.059, -1.25, 39.13
XYZ	53.487, 56.787, 27.544
xyY	0.388, 0.412, 56.787
CIE-LCH	80.059, 39.15, 91.83
CIE-LUV	80.059, 19.486, 50.991
Hunter-Lab	75.357, -5.18, 31.078
Binary	11011101, 11000101, 01111101

#ddc57d
```
#ddc57d rgb(221,197,125)
```
#7d95dd
```
#7d95dd rgb(125,149,221)
```

Complementary Color

#dd957d
```
#dd957d rgb(221,149,125)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#c5dd7d
```
#c5dd7d rgb(197,221,125)
```

Analogous Color

#957ddd
```
#957ddd rgb(149,125,221)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#7dc5dd
```
#7dc5dd rgb(125,197,221)
```

Split Complementary Color

#c57ddd
```
#c57ddd rgb(197,125,221)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#7dddc5
```
#7dddc5 rgb(125,221,197)
```

Triadic Color

#dd7d95
```
#dd7d95 rgb(221,125,149)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#7dddc5
```
#7dddc5 rgb(125,221,197)
```
#7d95dd
```
#7d95dd rgb(125,149,221)
```

Tetradic Color

#cdaa40
```
#cdaa40 rgb(205,170,64)
```
#d2b355
```
#d2b355 rgb(210,179,85)
```
#d8bc69
```
#d8bc69 rgb(216,188,105)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#e2ce91
```
#e2ce91 rgb(226,206,145)
```
#e8d7a5
```
#e8d7a5 rgb(232,215,165)
```
#ede0ba
```
#ede0ba rgb(237,224,186)
```

Monochromatic Color

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

#ddad7d
```
#ddad7d rgb(221,173,125)
```
#ddb57d
```
#ddb57d rgb(221,181,125)
```
#ddbd7d
```
#ddbd7d rgb(221,189,125)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#ddcd7d
```
#ddcd7d rgb(221,205,125)
```
#ddd57d
```
#ddd57d rgb(221,213,125)
```
#dddd7d
```
#dddd7d rgb(221,221,125)
```

Similar Colors

Text with hexadecimal color #ddc57d

This text has a font color of #ddc57d.

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

#ddc57d background color

This paragraph has a background color of #ddc57d.

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

#ddc57d border color

This element has a border color of #ddc57d.

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

CSS codes

.text {color:#ddc57d;}

.background {background-color:#ddc57d;}

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

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

#0a0803
```
#0a0803 rgb(10,8,3)
```
#191507
```
#191507 rgb(25,21,7)
```
#29210b
```
#29210b rgb(41,33,11)
```
#392e0f
```
#392e0f rgb(57,46,15)
```
#483b13
```
#483b13 rgb(72,59,19)
```
#584717
```
#584717 rgb(88,71,23)
```
#67541b
```
#67541b rgb(103,84,27)
```
#77611f
```
#77611f rgb(119,97,31)
```
#866e23
```
#866e23 rgb(134,110,35)
```
#967a27
```
#967a27 rgb(150,122,39)
```
#a5872b
```
#a5872b rgb(165,135,43)
```
#b5942f
```
#b5942f rgb(181,148,47)
```
#c5a033
```
#c5a033 rgb(197,160,51)
```

Shade Color Variation

#cda93f
```
#cda93f rgb(205,169,63)
```
#d1b04e
```
#d1b04e rgb(209,176,78)
```
#d5b75e
```
#d5b75e rgb(213,183,94)
```
#d9be6d
```
#d9be6d rgb(217,190,109)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#e1cc8d
```
#e1cc8d rgb(225,204,141)
```
#e5d39c
```
#e5d39c rgb(229,211,156)
```
#e9daac
```
#e9daac rgb(233,218,172)
```
#ede1bb
```
#ede1bb rgb(237,225,187)
```
#f1e8cb
```
#f1e8cb rgb(241,232,203)
```
#f5efda
```
#f5efda rgb(245,239,218)
```
#f9f6ea
```
#f9f6ea rgb(249,246,234)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#b1afa9
```
#b1afa9 rgb(177,175,169)
```
#b7b2a3
```
#b7b2a3 rgb(183,178,163)
```
#bdb59d
```
#bdb59d rgb(189,181,157)
```
#c4b896
```
#c4b896 rgb(196,184,150)
```
#cabc90
```
#cabc90 rgb(202,188,144)
```
#d0bf8a
```
#d0bf8a rgb(208,191,138)
```
#d7c283
```
#d7c283 rgb(215,194,131)
```
#ddc57d
```
#ddc57d rgb(221,197,125)
```
#e3c877
```
#e3c877 rgb(227,200,119)
```
#eacb70
```
#eacb70 rgb(234,203,112)
```
#f0ce6a
```
#f0ce6a rgb(240,206,106)
```
#f6d264
```
#f6d264 rgb(246,210,100)
```
#fdd55d
```
#fdd55d rgb(253,213,93)
```

Tone Color Variation

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

Dichromacy

#dac984 Protanopia 1% of men
#f0c185 Deuteranopia 1% of men
#e7becc Tritanopia 0.001% of the population

Trichromacy

#dbc781 Protanomaly 1% of men, 0.01% of women
#e9c282 Deuteranomaly 6% of men, 0.4% of women
#e3c1af Tritanomaly 0.01% of the population

#ddc57d hex color

#ddc57d Color Information

#ddc57d Color Conversion

Color Schemes with #ddc57d

Alternatives to #ddc57d

#ddc57d Preview

Shades and Tints of #ddc57d

Tones of #ddc57d

Color Blindness Simulator