#ddc678 hex color

In a RGB color space, hex #ddc678 is composed of 86.7% red, 77.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 45.7% yellow and 13.3% black. It has a hue angle of 46.3 degrees, a saturation of 59.8% and a lightness of 66.9%. #ddc678 color hex could be obtained by blending #fffff0 with #bb8d00. Closest websafe color is: #cccc66.

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

● #ddc678 color description : Soft yellow.

The hexadecimal color #ddc678 has RGB values of R:221, G:198, B:120 and CMYK values of C:0, M:0.1, Y:0.46, K:0.13. Its decimal value is 14534264.

Hex triplet	ddc678	`#ddc678`
RGB Decimal	221, 198, 120	`rgb(221,198,120)`
RGB Percent	86.7, 77.6, 47.1	`rgb(86.7%,77.6%,47.1%)`
CMYK	0, 10, 46, 13
HSL	46.3°, 59.8, 66.9	`hsl(46.3,59.8%,66.9%)`
HSV (or HSB)	46.3°, 45.7, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.246, -2.269, 41.893
XYZ	53.403, 57.118, 25.98
xyY	0.391, 0.418, 57.118
CIE-LCH	80.246, 41.954, 93.1
CIE-LUV	80.246, 19.135, 54.152
Hunter-Lab	75.576, -6.129, 32.522
Binary	11011101, 11000110, 01111000

#ddc678
```
#ddc678 rgb(221,198,120)
```
#788fdd
```
#788fdd rgb(120,143,221)
```

Complementary Color

#dd9478
```
#dd9478 rgb(221,148,120)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#c2dd78
```
#c2dd78 rgb(194,221,120)
```

Analogous Color

#9478dd
```
#9478dd rgb(148,120,221)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#78c2dd
```
#78c2dd rgb(120,194,221)
```

Split Complementary Color

#c678dd
```
#c678dd rgb(198,120,221)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#78ddc6
```
#78ddc6 rgb(120,221,198)
```

Triadic Color

#dd788f
```
#dd788f rgb(221,120,143)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#78ddc6
```
#78ddc6 rgb(120,221,198)
```
#788fdd
```
#788fdd rgb(120,143,221)
```

Tetradic Color

#ceac3b
```
#ceac3b rgb(206,172,59)
```
#d3b54f
```
#d3b54f rgb(211,181,79)
```
#d8bd64
```
#d8bd64 rgb(216,189,100)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#e2cf8c
```
#e2cf8c rgb(226,207,140)
```
#e7d7a1
```
#e7d7a1 rgb(231,215,161)
```
#ece0b5
```
#ece0b5 rgb(236,224,181)
```

Monochromatic Color

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

#ddad78
```
#ddad78 rgb(221,173,120)
```
#ddb578
```
#ddb578 rgb(221,181,120)
```
#ddbe78
```
#ddbe78 rgb(221,190,120)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#ddce78
```
#ddce78 rgb(221,206,120)
```
#ddd778
```
#ddd778 rgb(221,215,120)
```
#dbdd78
```
#dbdd78 rgb(219,221,120)
```

Similar Colors

Text with hexadecimal color #ddc678

This text has a font color of #ddc678.

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

#ddc678 background color

This paragraph has a background color of #ddc678.

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

#ddc678 border color

This element has a border color of #ddc678.

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

CSS codes

.text {color:#ddc678;}

.background {background-color:#ddc678;}

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

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

#060502
```
#060502 rgb(6,5,2)
```
#161205
```
#161205 rgb(22,18,5)
```
#251f09
```
#251f09 rgb(37,31,9)
```
#352c0d
```
#352c0d rgb(53,44,13)
```
#453911
```
#453911 rgb(69,57,17)
```
#544615
```
#544615 rgb(84,70,21)
```
#645319
```
#645319 rgb(100,83,25)
```
#74601d
```
#74601d rgb(116,96,29)
```
#836d21
```
#836d21 rgb(131,109,33)
```
#937a25
```
#937a25 rgb(147,122,37)
```
#a38729
```
#a38729 rgb(163,135,41)
```
#b2942d
```
#b2942d rgb(178,148,45)
```
#c2a131
```
#c2a131 rgb(194,161,49)
```

Shade Color Variation

#cdac39
```
#cdac39 rgb(205,172,57)
```
#d1b249
```
#d1b249 rgb(209,178,73)
```
#d5b959
```
#d5b959 rgb(213,185,89)
```
#d9bf68
```
#d9bf68 rgb(217,191,104)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#e1cd88
```
#e1cd88 rgb(225,205,136)
```
#e5d397
```
#e5d397 rgb(229,211,151)
```
#e9daa7
```
#e9daa7 rgb(233,218,167)
```
#ede0b7
```
#ede0b7 rgb(237,224,183)
```
#f1e7c6
```
#f1e7c6 rgb(241,231,198)
```
#f5eed6
```
#f5eed6 rgb(245,238,214)
```
#f9f4e6
```
#f9f4e6 rgb(249,244,230)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#b0ada6
```
#b0ada6 rgb(176,173,166)
```
#b6b19f
```
#b6b19f rgb(182,177,159)
```
#bdb499
```
#bdb499 rgb(189,180,153)
```
#c3b892
```
#c3b892 rgb(195,184,146)
```
#cabb8c
```
#cabb8c rgb(202,187,140)
```
#d0bf85
```
#d0bf85 rgb(208,191,133)
```
#d7c27f
```
#d7c27f rgb(215,194,127)
```
#ddc678
```
#ddc678 rgb(221,198,120)
```
#e4ca72
```
#e4ca72 rgb(228,202,114)
```
#eacd6b
```
#eacd6b rgb(234,205,107)
```
#f1d165
```
#f1d165 rgb(241,209,101)
```
#f7d45e
```
#f7d45e rgb(247,212,94)
```
#fed858
```
#fed858 rgb(254,216,88)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c9c4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc97f Protanopia 1% of men
#f2c181 Deuteranopia 1% of men
#e7bfcc Tritanopia 0.001% of the population

Trichromacy

#dcc87c Protanomaly 1% of men, 0.01% of women
#eac37d Deuteranomaly 6% of men, 0.4% of women
#e3c1ae Tritanomaly 0.01% of the population

#ddc678 hex color

#ddc678 Color Information

#ddc678 Color Conversion

Color Schemes with #ddc678

Alternatives to #ddc678

#ddc678 Preview

Shades and Tints of #ddc678

Tones of #ddc678

Color Blindness Simulator