#ddd157 hex color

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

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

● #ddd157 color description : Soft yellow.

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

Hex triplet	ddd157	`#ddd157`
RGB Decimal	221, 209, 87	`rgb(221,209,87)`
RGB Percent	86.7, 82, 34.1	`rgb(86.7%,82%,34.1%)`
CMYK	0, 5, 61, 13
HSL	54.6°, 66.3, 60.4	`hsl(54.6,66.3%,60.4%)`
HSV (or HSB)	54.6°, 60.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.734, -10.594, 60.351
XYZ	54.34, 61.662, 18.056
xyY	0.405, 0.46, 61.662
CIE-LCH	82.734, 61.273, 99.956
CIE-LUV	82.734, 13.428, 73.853
Hunter-Lab	78.525, -13.897, 41.335
Binary	11011101, 11010001, 01010111

#ddd157
```
#ddd157 rgb(221,209,87)
```
#5763dd
```
#5763dd rgb(87,99,221)
```

Complementary Color

#dd8e57
```
#dd8e57 rgb(221,142,87)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#a6dd57
```
#a6dd57 rgb(166,221,87)
```

Analogous Color

#8e57dd
```
#8e57dd rgb(142,87,221)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#57a6dd
```
#57a6dd rgb(87,166,221)
```

Split Complementary Color

#d157dd
```
#d157dd rgb(209,87,221)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#57ddd1
```
#57ddd1 rgb(87,221,209)
```

Triadic Color

#dd5763
```
#dd5763 rgb(221,87,99)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#57ddd1
```
#57ddd1 rgb(87,221,209)
```
#5763dd
```
#5763dd rgb(87,99,221)
```

Tetradic Color

#c1b327
```
#c1b327 rgb(193,179,39)
```
#d4c52d
```
#d4c52d rgb(212,197,45)
```
#d9cb42
```
#d9cb42 rgb(217,203,66)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#e1d76c
```
#e1d76c rgb(225,215,108)
```
#e6dd81
```
#e6dd81 rgb(230,221,129)
```
#eae297
```
#eae297 rgb(234,226,151)
```

Monochromatic Color

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

#ddb057
```
#ddb057 rgb(221,176,87)
```
#ddbb57
```
#ddbb57 rgb(221,187,87)
```
#ddc657
```
#ddc657 rgb(221,198,87)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#dddc57
```
#dddc57 rgb(221,220,87)
```
#d3dd57
```
#d3dd57 rgb(211,221,87)
```
#c8dd57
```
#c8dd57 rgb(200,221,87)
```

Similar Colors

Text with hexadecimal color #ddd157

This text has a font color of #ddd157.

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

#ddd157 background color

This paragraph has a background color of #ddd157.

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

#ddd157 border color

This element has a border color of #ddd157.

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

CSS codes

.text {color:#ddd157;}

.background {background-color:#ddd157;}

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

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)
```
#2c2909
```
#2c2909 rgb(44,41,9)
```
#3c380c
```
#3c380c rgb(60,56,12)
```
#4d4710
```
#4d4710 rgb(77,71,16)
```
#5d5613
```
#5d5613 rgb(93,86,19)
```
#6d6616
```
#6d6616 rgb(109,102,22)
```
#7e7519
```
#7e7519 rgb(126,117,25)
```
#8e841d
```
#8e841d rgb(142,132,29)
```
#9e9320
```
#9e9320 rgb(158,147,32)
```
#afa223
```
#afa223 rgb(175,162,35)
```
#bfb127
```
#bfb127 rgb(191,177,39)
```
#cfc02a
```
#cfc02a rgb(207,192,42)
```

Shade Color Variation

#d6c836
```
#d6c836 rgb(214,200,54)
```
#dacd47
```
#dacd47 rgb(218,205,71)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#e0d567
```
#e0d567 rgb(224,213,103)
```
#e4da78
```
#e4da78 rgb(228,218,120)
```
#e7de88
```
#e7de88 rgb(231,222,136)
```
#eae398
```
#eae398 rgb(234,227,152)
```
#eee7a9
```
#eee7a9 rgb(238,231,169)
```
#f1ecb9
```
#f1ecb9 rgb(241,236,185)
```
#f4f0c9
```
#f4f0c9 rgb(244,240,201)
```
#f7f5da
```
#f7f5da rgb(247,245,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 #fceb38 is the most saturated one.

#9f9e95
```
#9f9e95 rgb(159,158,149)
```
#a7a48d
```
#a7a48d rgb(167,164,141)
```
#aeab86
```
#aeab86 rgb(174,171,134)
```
#b6b17e
```
#b6b17e rgb(182,177,126)
```
#beb776
```
#beb776 rgb(190,183,118)
```
#c6be6e
```
#c6be6e rgb(198,190,110)
```
#cdc467
```
#cdc467 rgb(205,196,103)
```
#d5cb5f
```
#d5cb5f rgb(213,203,95)
```
#ddd157
```
#ddd157 rgb(221,209,87)
```
#e5d74f
```
#e5d74f rgb(229,215,79)
```
#edde47
```
#edde47 rgb(237,222,71)
```
#f4e440
```
#f4e440 rgb(244,228,64)
```
#fceb38
```
#fceb38 rgb(252,235,56)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cbc9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d05e Protanopia 1% of men
#ffc767 Deuteranopia 1% of men
#eac7d5 Tritanopia 0.001% of the population

Trichromacy

#e3d05c Protanomaly 1% of men, 0.01% of women
#f2ca61 Deuteranomaly 6% of men, 0.4% of women
#e5caa7 Tritanomaly 0.01% of the population

#ddd157 hex color

#ddd157 Color Information

#ddd157 Color Conversion

Color Schemes with #ddd157

Alternatives to #ddd157

#ddd157 Preview

Shades and Tints of #ddd157

Tones of #ddd157

Color Blindness Simulator