#ddc157 hex color

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

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

● #ddc157 color description : Soft yellow.

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

Hex triplet	ddc157	`#ddc157`
RGB Decimal	221, 193, 87	`rgb(221,193,87)`
RGB Percent	86.7, 75.7, 34.1	`rgb(86.7%,75.7%,34.1%)`
CMYK	0, 13, 61, 13
HSL	47.5°, 66.3, 60.4	`hsl(47.5,66.3%,60.4%)`
HSV (or HSB)	47.5°, 60.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.579, -2.409, 55.771
XYZ	50.609, 54.202, 16.813
xyY	0.416, 0.446, 54.202
CIE-LCH	78.579, 55.823, 92.473
CIE-LUV	78.579, 24.136, 66.743
Hunter-Lab	73.622, -6.134, 37.996
Binary	11011101, 11000001, 01010111

#ddc157
```
#ddc157 rgb(221,193,87)
```
#5773dd
```
#5773dd rgb(87,115,221)
```

Complementary Color

#dd7e57
```
#dd7e57 rgb(221,126,87)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#b6dd57
```
#b6dd57 rgb(182,221,87)
```

Analogous Color

#7e57dd
```
#7e57dd rgb(126,87,221)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#57b6dd
```
#57b6dd rgb(87,182,221)
```

Split Complementary Color

#c157dd
```
#c157dd rgb(193,87,221)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#57ddc1
```
#57ddc1 rgb(87,221,193)
```

Triadic Color

#dd5773
```
#dd5773 rgb(221,87,115)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#57ddc1
```
#57ddc1 rgb(87,221,193)
```
#5773dd
```
#5773dd rgb(87,115,221)
```

Tetradic Color

#c1a027
```
#c1a027 rgb(193,160,39)
```
#d4b12d
```
#d4b12d rgb(212,177,45)
```
#d9b942
```
#d9b942 rgb(217,185,66)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#e1c96c
```
#e1c96c rgb(225,201,108)
```
#e6d181
```
#e6d181 rgb(230,209,129)
```
#ead897
```
#ead897 rgb(234,216,151)
```

Monochromatic Color

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

#dda057
```
#dda057 rgb(221,160,87)
```
#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)
```

Similar Colors

Text with hexadecimal color #ddc157

This text has a font color of #ddc157.

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

#ddc157 background color

This paragraph has a background color of #ddc157.

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

#ddc157 border color

This element has a border color of #ddc157.

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

CSS codes

.text {color:#ddc157;}

.background {background-color:#ddc157;}

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

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 #fefdfa is the lightest one.

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1c1706
```
#1c1706 rgb(28,23,6)
```
#2c2509
```
#2c2509 rgb(44,37,9)
```
#3c320c
```
#3c320c rgb(60,50,12)
```
#4d4010
```
#4d4010 rgb(77,64,16)
```
#5d4e13
```
#5d4e13 rgb(93,78,19)
```
#6d5b16
```
#6d5b16 rgb(109,91,22)
```
#7e6919
```
#7e6919 rgb(126,105,25)
```
#8e761d
```
#8e761d rgb(142,118,29)
```
#9e8420
```
#9e8420 rgb(158,132,32)
```
#af9123
```
#af9123 rgb(175,145,35)
```
#bf9f27
```
#bf9f27 rgb(191,159,39)
```
#cfad2a
```
#cfad2a rgb(207,173,42)
```

Shade Color Variation

#d6b536
```
#d6b536 rgb(214,181,54)
```
#dabb47
```
#dabb47 rgb(218,187,71)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#e0c767
```
#e0c767 rgb(224,199,103)
```
#e4cd78
```
#e4cd78 rgb(228,205,120)
```
#e7d388
```
#e7d388 rgb(231,211,136)
```
#ead998
```
#ead998 rgb(234,217,152)
```
#eedfa9
```
#eedfa9 rgb(238,223,169)
```
#f1e5b9
```
#f1e5b9 rgb(241,229,185)
```
#f4ebc9
```
#f4ebc9 rgb(244,235,201)
```
#f7f1da
```
#f7f1da rgb(247,241,218)
```
#fbf7ea
```
#fbf7ea rgb(251,247,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#9f9d95
```
#9f9d95 rgb(159,157,149)
```
#a7a18d
```
#a7a18d rgb(167,161,141)
```
#aea686
```
#aea686 rgb(174,166,134)
```
#b6aa7e
```
#b6aa7e rgb(182,170,126)
```
#beaf76
```
#beaf76 rgb(190,175,118)
```
#c6b36e
```
#c6b36e rgb(198,179,110)
```
#cdb867
```
#cdb867 rgb(205,184,103)
```
#d5bc5f
```
#d5bc5f rgb(213,188,95)
```
#ddc157
```
#ddc157 rgb(221,193,87)
```
#e5c64f
```
#e5c64f rgb(229,198,79)
```
#edca47
```
#edca47 rgb(237,202,71)
```
#f4cf40
```
#f4cf40 rgb(244,207,64)
```
#fcd338
```
#fcd338 rgb(252,211,56)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c3bea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac560 Protanopia 1% of men
#f1bc62 Deuteranopia 1% of men
#e8b9c6 Tritanopia 0.001% of the population

Trichromacy

#dbc45c Protanomaly 1% of men, 0.01% of women
#eabe5e Deuteranomaly 6% of men, 0.4% of women
#e4bc9d Tritanomaly 0.01% of the population

#ddc157 hex color

#ddc157 Color Information

#ddc157 Color Conversion

Color Schemes with #ddc157

Alternatives to #ddc157

#ddc157 Preview

Shades and Tints of #ddc157

Tones of #ddc157

Color Blindness Simulator