#ddd682 hex color

In a RGB color space, hex #ddd682 is composed of 86.7% red, 83.9% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 41.2% yellow and 13.3% black. It has a hue angle of 55.4 degrees, a saturation of 57.2% and a lightness of 68.8%. #ddd682 color hex could be obtained by blending #ffffff with #bbad05. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 87
- G 84
- B 51
RGB color chart
- C 0
- M 3
- Y 41
- K 13
CMYK color chart

● #ddd682 color description : Very soft yellow.

The hexadecimal color #ddd682 has RGB values of R:221, G:214, B:130 and CMYK values of C:0, M:0.03, Y:0.41, K:0.13. Its decimal value is 14538370.

Hex triplet	ddd682	`#ddd682`
RGB Decimal	221, 214, 130	`rgb(221,214,130)`
RGB Percent	86.7, 83.9, 51	`rgb(86.7%,83.9%,51%)`
CMYK	0, 3, 41, 13
HSL	55.4°, 57.2, 68.8	`hsl(55.4,57.2%,68.8%)`
HSV (or HSB)	55.4°, 41.2, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.524, -9.452, 42.271
XYZ	57.894, 65.078, 30.629
xyY	0.377, 0.424, 65.078
CIE-LCH	84.524, 43.315, 102.605
CIE-LUV	84.524, 8.606, 56.97
Hunter-Lab	80.671, -13.072, 33.958
Binary	11011101, 11010110, 10000010

#ddd682
```
#ddd682 rgb(221,214,130)
```
#8289dd
```
#8289dd rgb(130,137,221)
```

Complementary Color

#dda982
```
#dda982 rgb(221,169,130)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#b7dd82
```
#b7dd82 rgb(183,221,130)
```

Analogous Color

#a982dd
```
#a982dd rgb(169,130,221)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#82b7dd
```
#82b7dd rgb(130,183,221)
```

Split Complementary Color

#d682dd
```
#d682dd rgb(214,130,221)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#82ddd6
```
#82ddd6 rgb(130,221,214)
```

Triadic Color

#dd8289
```
#dd8289 rgb(221,130,137)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#82ddd6
```
#82ddd6 rgb(130,221,214)
```
#8289dd
```
#8289dd rgb(130,137,221)
```

Tetradic Color

#cdc246
```
#cdc246 rgb(205,194,70)
```
#d2c95a
```
#d2c95a rgb(210,201,90)
```
#d8cf6e
```
#d8cf6e rgb(216,207,110)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#e2dd96
```
#e2dd96 rgb(226,221,150)
```
#e8e3aa
```
#e8e3aa rgb(232,227,170)
```
#edeabe
```
#edeabe rgb(237,234,190)
```

Monochromatic Color

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

#ddbf82
```
#ddbf82 rgb(221,191,130)
```
#ddc782
```
#ddc782 rgb(221,199,130)
```
#ddce82
```
#ddce82 rgb(221,206,130)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#dcdd82
```
#dcdd82 rgb(220,221,130)
```
#d5dd82
```
#d5dd82 rgb(213,221,130)
```
#cddd82
```
#cddd82 rgb(205,221,130)
```

Similar Colors

Text with hexadecimal color #ddd682

This text has a font color of #ddd682.

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

#ddd682 background color

This paragraph has a background color of #ddd682.

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

#ddd682 border color

This element has a border color of #ddd682.

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

CSS codes

.text {color:#ddd682;}

.background {background-color:#ddd682;}

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

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

#0e0d04
```
#0e0d04 rgb(14,13,4)
```
#1d1c08
```
#1d1c08 rgb(29,28,8)
```
#2d2a0c
```
#2d2a0c rgb(45,42,12)
```
#3c3910
```
#3c3910 rgb(60,57,16)
```
#4b4715
```
#4b4715 rgb(75,71,21)
```
#5b5619
```
#5b5619 rgb(91,86,25)
```
#6a641d
```
#6a641d rgb(106,100,29)
```
#7a7321
```
#7a7321 rgb(122,115,33)
```
#898125
```
#898125 rgb(137,129,37)
```
#99902a
```
#99902a rgb(153,144,42)
```
#a89f2e
```
#a89f2e rgb(168,159,46)
```
#b7ad32
```
#b7ad32 rgb(183,173,50)
```
#c7bc36
```
#c7bc36 rgb(199,188,54)
```

Shade Color Variation

#ccc244
```
#ccc244 rgb(204,194,68)
```
#d0c754
```
#d0c754 rgb(208,199,84)
```
#d5cc63
```
#d5cc63 rgb(213,204,99)
```
#d9d173
```
#d9d173 rgb(217,209,115)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#e1db91
```
#e1db91 rgb(225,219,145)
```
#e5e0a1
```
#e5e0a1 rgb(229,224,161)
```
#eae5b0
```
#eae5b0 rgb(234,229,176)
```
#eeeac0
```
#eeeac0 rgb(238,234,192)
```
#f2efcf
```
#f2efcf rgb(242,239,207)
```
#f6f4df
```
#f6f4df rgb(246,244,223)
```
#faf9ee
```
#faf9ee rgb(250,249,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#b2b2ad
```
#b2b2ad rgb(178,178,173)
```
#b8b7a7
```
#b8b7a7 rgb(184,183,167)
```
#bebca1
```
#bebca1 rgb(190,188,161)
```
#c5c19a
```
#c5c19a rgb(197,193,154)
```
#cbc694
```
#cbc694 rgb(203,198,148)
```
#d1cc8e
```
#d1cc8e rgb(209,204,142)
```
#d7d188
```
#d7d188 rgb(215,209,136)
```
#ddd682
```
#ddd682 rgb(221,214,130)
```
#e3db7c
```
#e3db7c rgb(227,219,124)
```
#e9e076
```
#e9e076 rgb(233,224,118)
```
#efe670
```
#efe670 rgb(239,230,112)
```
#f5eb6a
```
#f5eb6a rgb(245,235,106)
```
#fcf063
```
#fcf063 rgb(252,240,99)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d2d0c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d587 Protanopia 1% of men
#ffcc8c Deuteranopia 1% of men
#e9cddc Tritanopia 0.001% of the population

Trichromacy

#e4d585 Protanomaly 1% of men, 0.01% of women
#f2cf88 Deuteranomaly 6% of men, 0.4% of women
#e4d0bb Tritanomaly 0.01% of the population

#ddd682 hex color

#ddd682 Color Information

#ddd682 Color Conversion

Color Schemes with #ddd682

Alternatives to #ddd682

#ddd682 Preview

Shades and Tints of #ddd682

Tones of #ddd682

Color Blindness Simulator