#ddc688 hex color

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

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

● #ddc688 color description : Very soft orange.

The hexadecimal color #ddc688 has RGB values of R:221, G:198, B:136 and CMYK values of C:0, M:0.1, Y:0.38, K:0.13. Its decimal value is 14534280.

Hex triplet	ddc688	`#ddc688`
RGB Decimal	221, 198, 136	`rgb(221,198,136)`
RGB Percent	86.7, 77.6, 53.3	`rgb(86.7%,77.6%,53.3%)`
CMYK	0, 10, 38, 13
HSL	43.8°, 55.6, 70	`hsl(43.8,55.6%,70%)`
HSV (or HSB)	43.8°, 38.5, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.482, -0.591, 34.032
XYZ	54.456, 57.539, 31.529
xyY	0.379, 0.401, 57.539
CIE-LCH	80.482, 34.037, 90.995
CIE-LUV	80.482, 18.179, 45.313
Hunter-Lab	75.855, -4.599, 28.454
Binary	11011101, 11000110, 10001000

#ddc688
```
#ddc688 rgb(221,198,136)
```
#889fdd
```
#889fdd rgb(136,159,221)
```

Complementary Color

#dd9c88
```
#dd9c88 rgb(221,156,136)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#cadd88
```
#cadd88 rgb(202,221,136)
```

Analogous Color

#9c88dd
```
#9c88dd rgb(156,136,221)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#88cadd
```
#88cadd rgb(136,202,221)
```

Split Complementary Color

#c688dd
```
#c688dd rgb(198,136,221)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#88ddc6
```
#88ddc6 rgb(136,221,198)
```

Triadic Color

#dd889f
```
#dd889f rgb(221,136,159)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#88ddc6
```
#88ddc6 rgb(136,221,198)
```
#889fdd
```
#889fdd rgb(136,159,221)
```

Tetradic Color

#ccaa4d
```
#ccaa4d rgb(204,170,77)
```
#d2b360
```
#d2b360 rgb(210,179,96)
```
#d7bd74
```
#d7bd74 rgb(215,189,116)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#e3d09c
```
#e3d09c rgb(227,208,156)
```
#e8d9b0
```
#e8d9b0 rgb(232,217,176)
```
#eee3c4
```
#eee3c4 rgb(238,227,196)
```

Monochromatic Color

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

#ddb188
```
#ddb188 rgb(221,177,136)
```
#ddb888
```
#ddb888 rgb(221,184,136)
```
#ddbf88
```
#ddbf88 rgb(221,191,136)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#ddcd88
```
#ddcd88 rgb(221,205,136)
```
#ddd488
```
#ddd488 rgb(221,212,136)
```
#dddb88
```
#dddb88 rgb(221,219,136)
```

Similar Colors

Text with hexadecimal color #ddc688

This text has a font color of #ddc688.

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

#ddc688 background color

This paragraph has a background color of #ddc688.

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

#ddc688 border color

This element has a border color of #ddc688.

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

CSS codes

.text {color:#ddc688;}

.background {background-color:#ddc688;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120f05
```
#120f05 rgb(18,15,5)
```
#221b0a
```
#221b0a rgb(34,27,10)
```
#31270e
```
#31270e rgb(49,39,14)
```
#403412
```
#403412 rgb(64,52,18)
```
#4f4017
```
#4f4017 rgb(79,64,23)
```
#5f4c1b
```
#5f4c1b rgb(95,76,27)
```
#6e591f
```
#6e591f rgb(110,89,31)
```
#7d6524
```
#7d6524 rgb(125,101,36)
```
#8c7128
```
#8c7128 rgb(140,113,40)
```
#9c7e2c
```
#9c7e2c rgb(156,126,44)
```
#ab8a31
```
#ab8a31 rgb(171,138,49)
```
#ba9635
```
#ba9635 rgb(186,150,53)
```

Shade Color Variation

#c7a13c
```
#c7a13c rgb(199,161,60)
```
#cca94b
```
#cca94b rgb(204,169,75)
```
#d0b05a
```
#d0b05a rgb(208,176,90)
```
#d4b769
```
#d4b769 rgb(212,183,105)
```
#d9bf79
```
#d9bf79 rgb(217,191,121)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#e1cd97
```
#e1cd97 rgb(225,205,151)
```
#e6d5a7
```
#e6d5a7 rgb(230,213,167)
```
#eadcb6
```
#eadcb6 rgb(234,220,182)
```
#eee3c5
```
#eee3c5 rgb(238,227,197)
```
#f3ebd4
```
#f3ebd4 rgb(243,235,212)
```
#f7f2e4
```
#f7f2e4 rgb(247,242,228)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#b4b3b1
```
#b4b3b1 rgb(180,179,177)
```
#bab6ab
```
#bab6ab rgb(186,182,171)
```
#c0b9a5
```
#c0b9a5 rgb(192,185,165)
```
#c5bba0
```
#c5bba0 rgb(197,187,160)
```
#cbbe9a
```
#cbbe9a rgb(203,190,154)
```
#d1c194
```
#d1c194 rgb(209,193,148)
```
#d7c38e
```
#d7c38e rgb(215,195,142)
```
#ddc688
```
#ddc688 rgb(221,198,136)
```
#e3c982
```
#e3c982 rgb(227,201,130)
```
#e9cb7c
```
#e9cb7c rgb(233,203,124)
```
#efce76
```
#efce76 rgb(239,206,118)
```
#f5d170
```
#f5d170 rgb(245,209,112)
```
#fad46b
```
#fad46b rgb(250,212,107)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cbc6ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca8e Protanopia 1% of men
#efc290 Deuteranopia 1% of men
#e6c0ce Tritanopia 0.001% of the population

Trichromacy

#dbc88c Protanomaly 1% of men, 0.01% of women
#e9c38d Deuteranomaly 6% of men, 0.4% of women
#e3c2b4 Tritanomaly 0.01% of the population

#ddc688 hex color

#ddc688 Color Information

#ddc688 Color Conversion

Color Schemes with #ddc688

Alternatives to #ddc688

#ddc688 Preview

Shades and Tints of #ddc688

Tones of #ddc688

Color Blindness Simulator