#ddd688 hex color

In a RGB color space, hex #ddd688 is composed of 86.7% red, 83.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 38.5% yellow and 13.3% black. It has a hue angle of 55.1 degrees, a saturation of 55.6% and a lightness of 70%. #ddd688 color hex could be obtained by blending #ffffff with #bbad11. Closest websafe color is: #cccc99.

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

● #ddd688 color description : Very soft yellow.

The hexadecimal color #ddd688 has RGB values of R:221, G:214, B:136 and CMYK values of C:0, M:0.03, Y:0.38, K:0.13. Its decimal value is 14538376.

Hex triplet	ddd688	`#ddd688`
RGB Decimal	221, 214, 136	`rgb(221,214,136)`
RGB Percent	86.7, 83.9, 53.3	`rgb(86.7%,83.9%,53.3%)`
CMYK	0, 3, 38, 13
HSL	55.1°, 55.6, 70	`hsl(55.1,55.6%,70%)`
HSV (or HSB)	55.1°, 38.5, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.609, -8.811, 39.376
XYZ	58.309, 65.244, 32.813
xyY	0.373, 0.417, 65.244
CIE-LCH	84.609, 40.349, 102.613
CIE-LUV	84.609, 8.338, 53.71
Hunter-Lab	80.774, -12.498, 32.456
Binary	11011101, 11010110, 10001000

#ddd688
```
#ddd688 rgb(221,214,136)
```
#888fdd
```
#888fdd rgb(136,143,221)
```

Complementary Color

#ddac88
```
#ddac88 rgb(221,172,136)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#badd88
```
#badd88 rgb(186,221,136)
```

Analogous Color

#ac88dd
```
#ac88dd rgb(172,136,221)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#88badd
```
#88badd rgb(136,186,221)
```

Split Complementary Color

#d688dd
```
#d688dd rgb(214,136,221)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#88ddd6
```
#88ddd6 rgb(136,221,214)
```

Triadic Color

#dd888f
```
#dd888f rgb(221,136,143)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#88ddd6
```
#88ddd6 rgb(136,221,214)
```
#888fdd
```
#888fdd rgb(136,143,221)
```

Tetradic Color

#ccc24d
```
#ccc24d rgb(204,194,77)
```
#d2c860
```
#d2c860 rgb(210,200,96)
```
#d7cf74
```
#d7cf74 rgb(215,207,116)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#e3dd9c
```
#e3dd9c rgb(227,221,156)
```
#e8e4b0
```
#e8e4b0 rgb(232,228,176)
```
#eeebc4
```
#eeebc4 rgb(238,235,196)
```

Monochromatic Color

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

#ddc188
```
#ddc188 rgb(221,193,136)
```
#ddc888
```
#ddc888 rgb(221,200,136)
```
#ddcf88
```
#ddcf88 rgb(221,207,136)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#dddd88
```
#dddd88 rgb(221,221,136)
```
#d6dd88
```
#d6dd88 rgb(214,221,136)
```
#cfdd88
```
#cfdd88 rgb(207,221,136)
```

Similar Colors

Text with hexadecimal color #ddd688

This text has a font color of #ddd688.

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

#ddd688 background color

This paragraph has a background color of #ddd688.

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

#ddd688 border color

This element has a border color of #ddd688.

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

CSS codes

.text {color:#ddd688;}

.background {background-color:#ddd688;}

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

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, #030301 is the darkest color, while #fcfbf3 is the lightest one.

#030301
```
#030301 rgb(3,3,1)
```
#121105
```
#121105 rgb(18,17,5)
```
#22200a
```
#22200a rgb(34,32,10)
```
#312e0e
```
#312e0e rgb(49,46,14)
```
#403c12
```
#403c12 rgb(64,60,18)
```
#4f4b17
```
#4f4b17 rgb(79,75,23)
```
#5f591b
```
#5f591b rgb(95,89,27)
```
#6e671f
```
#6e671f rgb(110,103,31)
```
#7d7624
```
#7d7624 rgb(125,118,36)
```
#8c8428
```
#8c8428 rgb(140,132,40)
```
#9c922c
```
#9c922c rgb(156,146,44)
```
#aba131
```
#aba131 rgb(171,161,49)
```
#baaf35
```
#baaf35 rgb(186,175,53)
```

Shade Color Variation

#c7bc3c
```
#c7bc3c rgb(199,188,60)
```
#ccc14b
```
#ccc14b rgb(204,193,75)
```
#d0c65a
```
#d0c65a rgb(208,198,90)
```
#d4cb69
```
#d4cb69 rgb(212,203,105)
```
#d9d179
```
#d9d179 rgb(217,209,121)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#e1db97
```
#e1db97 rgb(225,219,151)
```
#e6e1a7
```
#e6e1a7 rgb(230,225,167)
```
#eae6b6
```
#eae6b6 rgb(234,230,182)
```
#eeebc5
```
#eeebc5 rgb(238,235,197)
```
#f3f0d4
```
#f3f0d4 rgb(243,240,212)
```
#f7f6e4
```
#f7f6e4 rgb(247,246,228)
```
#fcfbf3
```
#fcfbf3 rgb(252,251,243)
```

Tint Color Variation

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

#b4b4b1
```
#b4b4b1 rgb(180,180,177)
```
#bab9ab
```
#bab9ab rgb(186,185,171)
```
#c0bda5
```
#c0bda5 rgb(192,189,165)
```
#c5c2a0
```
#c5c2a0 rgb(197,194,160)
```
#cbc79a
```
#cbc79a rgb(203,199,154)
```
#d1cc94
```
#d1cc94 rgb(209,204,148)
```
#d7d18e
```
#d7d18e rgb(215,209,142)
```
#ddd688
```
#ddd688 rgb(221,214,136)
```
#e3db82
```
#e3db82 rgb(227,219,130)
```
#e9e07c
```
#e9e07c rgb(233,224,124)
```
#efe576
```
#efe576 rgb(239,229,118)
```
#f5ea70
```
#f5ea70 rgb(245,234,112)
```
#faef6b
```
#faef6b rgb(250,239,107)
```

Tone Color Variation

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

Dichromacy

#e7d58d Protanopia 1% of men
#fecc91 Deuteranopia 1% of men
#e8cedc Tritanopia 0.001% of the population

Trichromacy

#e3d58b Protanomaly 1% of men, 0.01% of women
#f2d08e Deuteranomaly 6% of men, 0.4% of women
#e4d1be Tritanomaly 0.01% of the population

#ddd688 hex color

#ddd688 Color Information

#ddd688 Color Conversion

Color Schemes with #ddd688

Alternatives to #ddd688

#ddd688 Preview

Shades and Tints of #ddd688

Tones of #ddd688

Color Blindness Simulator