#ddc677 hex color

In a RGB color space, hex #ddc677 is composed of 86.7% red, 77.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 46.2% yellow and 13.3% black. It has a hue angle of 46.5 degrees, a saturation of 60% and a lightness of 66.7%. #ddc677 color hex could be obtained by blending #ffffee 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

● #ddc677 color description : Soft yellow.

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

Hex triplet	ddc677	`#ddc677`
RGB Decimal	221, 198, 119	`rgb(221,198,119)`
RGB Percent	86.7, 77.6, 46.7	`rgb(86.7%,77.6%,46.7%)`
CMYK	0, 10, 46, 13
HSL	46.5°, 60, 66.7	`hsl(46.5,60%,66.7%)`
HSV (or HSB)	46.5°, 46.2, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.232, -2.366, 42.378
XYZ	53.343, 57.094, 25.662
xyY	0.392, 0.42, 57.094
CIE-LCH	80.232, 42.444, 93.195
CIE-LUV	80.232, 19.191, 54.67
Hunter-Lab	75.56, -6.217, 32.756
Binary	11011101, 11000110, 01110111

#ddc677
```
#ddc677 rgb(221,198,119)
```
#778edd
```
#778edd rgb(119,142,221)
```

Complementary Color

#dd9377
```
#dd9377 rgb(221,147,119)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#c1dd77
```
#c1dd77 rgb(193,221,119)
```

Analogous Color

#9377dd
```
#9377dd rgb(147,119,221)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#77c1dd
```
#77c1dd rgb(119,193,221)
```

Split Complementary Color

#c677dd
```
#c677dd rgb(198,119,221)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#77ddc6
```
#77ddc6 rgb(119,221,198)
```

Triadic Color

#dd778e
```
#dd778e rgb(221,119,142)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#77ddc6
```
#77ddc6 rgb(119,221,198)
```
#778edd
```
#778edd rgb(119,142,221)
```

Tetradic Color

#ceac3a
```
#ceac3a rgb(206,172,58)
```
#d3b54e
```
#d3b54e rgb(211,181,78)
```
#d8bd63
```
#d8bd63 rgb(216,189,99)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#e2cf8b
```
#e2cf8b rgb(226,207,139)
```
#e7d7a0
```
#e7d7a0 rgb(231,215,160)
```
#ece0b4
```
#ece0b4 rgb(236,224,180)
```

Monochromatic Color

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

#ddad77
```
#ddad77 rgb(221,173,119)
```
#ddb577
```
#ddb577 rgb(221,181,119)
```
#ddbe77
```
#ddbe77 rgb(221,190,119)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#ddcf77
```
#ddcf77 rgb(221,207,119)
```
#ddd777
```
#ddd777 rgb(221,215,119)
```
#dbdd77
```
#dbdd77 rgb(219,221,119)
```

Similar Colors

Text with hexadecimal color #ddc677

This text has a font color of #ddc677.

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

#ddc677 background color

This paragraph has a background color of #ddc677.

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

#ddc677 border color

This element has a border color of #ddc677.

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

CSS codes

.text {color:#ddc677;}

.background {background-color:#ddc677;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#151105
```
#151105 rgb(21,17,5)
```
#251e09
```
#251e09 rgb(37,30,9)
```
#342b0d
```
#342b0d rgb(52,43,13)
```
#443911
```
#443911 rgb(68,57,17)
```
#544615
```
#544615 rgb(84,70,21)
```
#635319
```
#635319 rgb(99,83,25)
```
#73601d
```
#73601d rgb(115,96,29)
```
#836d21
```
#836d21 rgb(131,109,33)
```
#927a25
```
#927a25 rgb(146,122,37)
```
#a28729
```
#a28729 rgb(162,135,41)
```
#b2942c
```
#b2942c rgb(178,148,44)
```
#c2a130
```
#c2a130 rgb(194,161,48)
```

Shade Color Variation

#cdac38
```
#cdac38 rgb(205,172,56)
```
#d1b248
```
#d1b248 rgb(209,178,72)
```
#d5b958
```
#d5b958 rgb(213,185,88)
```
#d9bf67
```
#d9bf67 rgb(217,191,103)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#e1cd87
```
#e1cd87 rgb(225,205,135)
```
#e5d396
```
#e5d396 rgb(229,211,150)
```
#e9daa6
```
#e9daa6 rgb(233,218,166)
```
#ede0b6
```
#ede0b6 rgb(237,224,182)
```
#f1e7c5
```
#f1e7c5 rgb(241,231,197)
```
#f5edd5
```
#f5edd5 rgb(245,237,213)
```
#f8f4e5
```
#f8f4e5 rgb(248,244,229)
```
#fcfbf5
```
#fcfbf5 rgb(252,251,245)
```

Tint Color Variation

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

#afada5
```
#afada5 rgb(175,173,165)
```
#b6b09e
```
#b6b09e rgb(182,176,158)
```
#bcb498
```
#bcb498 rgb(188,180,152)
```
#c3b891
```
#c3b891 rgb(195,184,145)
```
#c9bb8b
```
#c9bb8b rgb(201,187,139)
```
#d0bf84
```
#d0bf84 rgb(208,191,132)
```
#d6c27e
```
#d6c27e rgb(214,194,126)
```
#ddc677
```
#ddc677 rgb(221,198,119)
```
#e4ca70
```
#e4ca70 rgb(228,202,112)
```
#eacd6a
```
#eacd6a rgb(234,205,106)
```
#f1d163
```
#f1d163 rgb(241,209,99)
```
#f7d45d
```
#f7d45d rgb(247,212,93)
```
#fed856
```
#fed856 rgb(254,216,86)
```

Tone Color Variation

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

#dbc97e Protanopia 1% of men
#f2c180 Deuteranopia 1% of men
#e7bfcc Tritanopia 0.001% of the population

Trichromacy

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

#ddc677 hex color

#ddc677 Color Information

#ddc677 Color Conversion

Color Schemes with #ddc677

Alternatives to #ddc677

#ddc677 Preview

Shades and Tints of #ddc677

Tones of #ddc677

Color Blindness Simulator