colorhexa.com

#ddc684 hex color

In a RGB color space, hex #ddc684 is composed of 86.7% red, 77.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 40.3% yellow and 13.3% black. It has a hue angle of 44.5 degrees, a saturation of 56.7% and a lightness of 69.2%. #ddc684 color hex could be obtained by blending #ffffff with #bb8d09. Closest websafe color is: #cccc99.

- R 87
- G 78
- B 52
RGB color chart
- C 0
- M 10
- Y 40
- K 13
CMYK color chart

● #ddc684 color description : Very soft orange.

The hexadecimal color #ddc684 has RGB values of R:221, G:198, B:132 and CMYK values of C:0, M:0.1, Y:0.4, K:0.13. Its decimal value is 14534276.

Hex triplet	ddc684	`#ddc684`
RGB Decimal	221, 198, 132	`rgb(221,198,132)`
RGB Percent	86.7, 77.6, 51.8	`rgb(86.7%,77.6%,51.8%)`
CMYK	0, 10, 40, 13
HSL	44.5°, 56.7, 69.2	`hsl(44.5,56.7%,69.2%)`
HSV (or HSB)	44.5°, 40.3, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.42, -1.032, 36.013
XYZ	54.177, 57.428, 30.059
xyY	0.382, 0.405, 57.428
CIE-LCH	80.42, 36.028, 91.642
CIE-LUV	80.42, 18.428, 47.618
Hunter-Lab	75.781, -5.003, 29.529
Binary	11011101, 11000110, 10000100

#ddc684
```
#ddc684 rgb(221,198,132)
```
#849bdd
```
#849bdd rgb(132,155,221)
```

Complementary Color

#dd9a84
```
#dd9a84 rgb(221,154,132)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#c8dd84
```
#c8dd84 rgb(200,221,132)
```

Analogous Color

#9a84dd
```
#9a84dd rgb(154,132,221)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#84c8dd
```
#84c8dd rgb(132,200,221)
```

Split Complementary Color

#c684dd
```
#c684dd rgb(198,132,221)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#84ddc6
```
#84ddc6 rgb(132,221,198)
```

Triadic Color

#dd849b
```
#dd849b rgb(221,132,155)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#84ddc6
```
#84ddc6 rgb(132,221,198)
```
#849bdd
```
#849bdd rgb(132,155,221)
```

Tetradic Color

#ccaa48
```
#ccaa48 rgb(204,170,72)
```
#d2b35c
```
#d2b35c rgb(210,179,92)
```
#d7bd70
```
#d7bd70 rgb(215,189,112)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#e3cf98
```
#e3cf98 rgb(227,207,152)
```
#e8d9ac
```
#e8d9ac rgb(232,217,172)
```
#eee2c0
```
#eee2c0 rgb(238,226,192)
```

Monochromatic Color

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

#ddb084
```
#ddb084 rgb(221,176,132)
```
#ddb784
```
#ddb784 rgb(221,183,132)
```
#ddbf84
```
#ddbf84 rgb(221,191,132)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#ddcd84
```
#ddcd84 rgb(221,205,132)
```
#ddd584
```
#ddd584 rgb(221,213,132)
```
#dddc84
```
#dddc84 rgb(221,220,132)
```

Similar Colors

Text with hexadecimal color #ddc684

This text has a font color of #ddc684.

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

#ddc684 background color

This paragraph has a background color of #ddc684.

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

#ddc684 border color

This element has a border color of #ddc684.

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

CSS codes

.text {color:#ddc684;}

.background {background-color:#ddc684;}

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

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

#0f0c04
```
#0f0c04 rgb(15,12,4)
```
#1f1908
```
#1f1908 rgb(31,25,8)
```
#2e250d
```
#2e250d rgb(46,37,13)
```
#3d3211
```
#3d3211 rgb(61,50,17)
```
#4d3e15
```
#4d3e15 rgb(77,62,21)
```
#5c4b19
```
#5c4b19 rgb(92,75,25)
```
#6c571e
```
#6c571e rgb(108,87,30)
```
#7b6422
```
#7b6422 rgb(123,100,34)
```
#8a7026
```
#8a7026 rgb(138,112,38)
```
#9a7d2a
```
#9a7d2a rgb(154,125,42)
```
#a9892f
```
#a9892f rgb(169,137,47)
```
#b89633
```
#b89633 rgb(184,150,51)
```
#c8a237
```
#c8a237 rgb(200,162,55)
```

Shade Color Variation

#ccaa47
```
#ccaa47 rgb(204,170,71)
```
#d0b156
```
#d0b156 rgb(208,177,86)
```
#d5b865
```
#d5b865 rgb(213,184,101)
```
#d9bf75
```
#d9bf75 rgb(217,191,117)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#e1cd93
```
#e1cd93 rgb(225,205,147)
```
#e5d4a3
```
#e5d4a3 rgb(229,212,163)
```
#eadbb2
```
#eadbb2 rgb(234,219,178)
```
#eee2c1
```
#eee2c1 rgb(238,226,193)
```
#f2ead1
```
#f2ead1 rgb(242,234,209)
```
#f6f1e0
```
#f6f1e0 rgb(246,241,224)
```
#fbf8f0
```
#fbf8f0 rgb(251,248,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b3b2ae
```
#b3b2ae rgb(179,178,174)
```
#b9b4a8
```
#b9b4a8 rgb(185,180,168)
```
#bfb7a2
```
#bfb7a2 rgb(191,183,162)
```
#c5ba9c
```
#c5ba9c rgb(197,186,156)
```
#cbbd96
```
#cbbd96 rgb(203,189,150)
```
#d1c090
```
#d1c090 rgb(209,192,144)
```
#d7c38a
```
#d7c38a rgb(215,195,138)
```
#ddc684
```
#ddc684 rgb(221,198,132)
```
#e3c97e
```
#e3c97e rgb(227,201,126)
```
#e9cc78
```
#e9cc78 rgb(233,204,120)
```
#efcf72
```
#efcf72 rgb(239,207,114)
```
#f5d26c
```
#f5d26c rgb(245,210,108)
```
#fbd566
```
#fbd566 rgb(251,213,102)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cac5b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca8a Protanopia 1% of men
#f0c28c Deuteranopia 1% of men
#e6c0cd Tritanopia 0.001% of the population

Trichromacy

#dbc888 Protanomaly 1% of men, 0.01% of women
#e9c389 Deuteranomaly 6% of men, 0.4% of women
#e3c2b3 Tritanomaly 0.01% of the population