#ddc68f hex color

In a RGB color space, hex #ddc68f is composed of 86.7% red, 77.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 35.3% yellow and 13.3% black. It has a hue angle of 42.3 degrees, a saturation of 53.4% and a lightness of 71.4%. #ddc68f color hex could be obtained by blending #ffffff with #bb8d1f. Closest websafe color is: #cccc99.

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

● #ddc68f color description : Very soft orange.

The hexadecimal color #ddc68f has RGB values of R:221, G:198, B:143 and CMYK values of C:0, M:0.1, Y:0.35, K:0.13. Its decimal value is 14534287.

Hex triplet	ddc68f	`#ddc68f`
RGB Decimal	221, 198, 143	`rgb(221,198,143)`
RGB Percent	86.7, 77.6, 56.1	`rgb(86.7%,77.6%,56.1%)`
CMYK	0, 10, 35, 13
HSL	42.3°, 53.4, 71.4	`hsl(42.3,53.4%,71.4%)`
HSV (or HSB)	42.3°, 35.3, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	80.597, 0.217, 30.547
XYZ	54.97, 57.745, 34.235
xyY	0.374, 0.393, 57.745
CIE-LCH	80.597, 30.548, 89.594
CIE-LUV	80.597, 17.728, 41.136
Hunter-Lab	75.99, -3.857, 26.481
Binary	11011101, 11000110, 10001111

#ddc68f
```
#ddc68f rgb(221,198,143)
```
#8fa6dd
```
#8fa6dd rgb(143,166,221)
```

Complementary Color

#dd9f8f
```
#dd9f8f rgb(221,159,143)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#cddd8f
```
#cddd8f rgb(205,221,143)
```

Analogous Color

#9f8fdd
```
#9f8fdd rgb(159,143,221)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#8fcddd
```
#8fcddd rgb(143,205,221)
```

Split Complementary Color

#c68fdd
```
#c68fdd rgb(198,143,221)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#8fddc6
```
#8fddc6 rgb(143,221,198)
```

Triadic Color

#dd8fa6
```
#dd8fa6 rgb(221,143,166)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#8fddc6
```
#8fddc6 rgb(143,221,198)
```
#8fa6dd
```
#8fa6dd rgb(143,166,221)
```

Tetradic Color

#cba854
```
#cba854 rgb(203,168,84)
```
#d1b268
```
#d1b268 rgb(209,178,104)
```
#d7bc7b
```
#d7bc7b rgb(215,188,123)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#e3d0a3
```
#e3d0a3 rgb(227,208,163)
```
#e9dab6
```
#e9dab6 rgb(233,218,182)
```
#efe4ca
```
#efe4ca rgb(239,228,202)
```

Monochromatic Color

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

#ddb38f
```
#ddb38f rgb(221,179,143)
```
#ddb98f
```
#ddb98f rgb(221,185,143)
```
#ddc08f
```
#ddc08f rgb(221,192,143)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#ddcd8f
```
#ddcd8f rgb(221,205,143)
```
#ddd38f
```
#ddd38f rgb(221,211,143)
```
#ddda8f
```
#ddda8f rgb(221,218,143)
```

Similar Colors

Text with hexadecimal color #ddc68f

This text has a font color of #ddc68f.

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

#ddc68f background color

This paragraph has a background color of #ddc68f.

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

#ddc68f border color

This element has a border color of #ddc68f.

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

CSS codes

.text {color:#ddc68f;}

.background {background-color:#ddc68f;}

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

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

#080703
```
#080703 rgb(8,7,3)
```
#171307
```
#171307 rgb(23,19,7)
```
#261f0c
```
#261f0c rgb(38,31,12)
```
#362b10
```
#362b10 rgb(54,43,16)
```
#453615
```
#453615 rgb(69,54,21)
```
#544219
```
#544219 rgb(84,66,25)
```
#634e1e
```
#634e1e rgb(99,78,30)
```
#725a23
```
#725a23 rgb(114,90,35)
```
#816627
```
#816627 rgb(129,102,39)
```
#90722c
```
#90722c rgb(144,114,44)
```
#9f7e30
```
#9f7e30 rgb(159,126,48)
```
#ae8a35
```
#ae8a35 rgb(174,138,53)
```
#bd9639
```
#bd9639 rgb(189,150,57)
```

Shade Color Variation

#c6a044
```
#c6a044 rgb(198,160,68)
```
#cba753
```
#cba753 rgb(203,167,83)
```
#cfaf62
```
#cfaf62 rgb(207,175,98)
```
#d4b771
```
#d4b771 rgb(212,183,113)
```
#d8be80
```
#d8be80 rgb(216,190,128)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#e2ce9e
```
#e2ce9e rgb(226,206,158)
```
#e6d5ad
```
#e6d5ad rgb(230,213,173)
```
#ebddbc
```
#ebddbc rgb(235,221,188)
```
#efe5cb
```
#efe5cb rgb(239,229,203)
```
#f4ecda
```
#f4ecda rgb(244,236,218)
```
#f8f4e9
```
#f8f4e9 rgb(248,244,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#bbb8b1
```
#bbb8b1 rgb(187,184,177)
```
#c1baab
```
#c1baab rgb(193,186,171)
```
#c7bda5
```
#c7bda5 rgb(199,189,165)
```
#ccbfa0
```
#ccbfa0 rgb(204,191,160)
```
#d2c19a
```
#d2c19a rgb(210,193,154)
```
#d7c495
```
#d7c495 rgb(215,196,149)
```
#ddc68f
```
#ddc68f rgb(221,198,143)
```
#e3c889
```
#e3c889 rgb(227,200,137)
```
#e8cb84
```
#e8cb84 rgb(232,203,132)
```
#eecd7e
```
#eecd7e rgb(238,205,126)
```
#f3cf79
```
#f3cf79 rgb(243,207,121)
```
#f9d273
```
#f9d273 rgb(249,210,115)
```
#ffd46d
```
#ffd46d rgb(255,212,109)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cbc7bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9ca95 Protanopia 1% of men
#eec296 Deuteranopia 1% of men
#e6c1ce Tritanopia 0.001% of the population

Trichromacy

#dac893 Protanomaly 1% of men, 0.01% of women
#e8c493 Deuteranomaly 6% of men, 0.4% of women
#e2c2b7 Tritanomaly 0.01% of the population

#ddc68f hex color

#ddc68f Color Information

#ddc68f Color Conversion

Color Schemes with #ddc68f

Alternatives to #ddc68f

#ddc68f Preview

Shades and Tints of #ddc68f

Tones of #ddc68f

Color Blindness Simulator