colorhexa.com

#ddc366 hex color

In a RGB color space, hex #ddc366 is composed of 86.7% red, 76.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 53.8% yellow and 13.3% black. It has a hue angle of 46.9 degrees, a saturation of 63.6% and a lightness of 63.3%. #ddc366 color hex could be obtained by blending #ffffcc with #bb8700. Closest websafe color is: #cccc66.

- R 87
- G 76
- B 40
RGB color chart
- C 0
- M 12
- Y 54
- K 13
CMYK color chart

● #ddc366 color description : Soft yellow.

The hexadecimal color #ddc366 has RGB values of R:221, G:195, B:102 and CMYK values of C:0, M:0.12, Y:0.54, K:0.13. Its decimal value is 14533478.

Hex triplet	ddc366	`#ddc366`
RGB Decimal	221, 195, 102	`rgb(221,195,102)`
RGB Percent	86.7, 76.5, 40	`rgb(86.7%,76.5%,40%)`
CMYK	0, 12, 54, 13
HSL	46.9°, 63.6, 63.3	`hsl(46.9,63.6%,63.3%)`
HSV (or HSB)	46.9°, 53.8, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.25, -2.325, 49.538
XYZ	51.732, 55.363, 20.531
xyY	0.405, 0.434, 55.363
CIE-LCH	79.25, 49.592, 92.687
CIE-LUV	79.25, 22.065, 61.421
Hunter-Lab	74.406, -6.106, 35.725
Binary	11011101, 11000011, 01100110

#ddc366
```
#ddc366 rgb(221,195,102)
```
#6680dd
```
#6680dd rgb(102,128,221)
```

Complementary Color

#dd8866
```
#dd8866 rgb(221,136,102)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#bcdd66
```
#bcdd66 rgb(188,221,102)
```

Analogous Color

#8866dd
```
#8866dd rgb(136,102,221)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#66bcdd
```
#66bcdd rgb(102,188,221)
```

Split Complementary Color

#c366dd
```
#c366dd rgb(195,102,221)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#66ddc3
```
#66ddc3 rgb(102,221,195)
```

Triadic Color

#dd6680
```
#dd6680 rgb(221,102,128)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#66ddc3
```
#66ddc3 rgb(102,221,195)
```
#6680dd
```
#6680dd rgb(102,128,221)
```

Tetradic Color

#caa72d
```
#caa72d rgb(202,167,45)
```
#d4b33c
```
#d4b33c rgb(212,179,60)
```
#d8bb51
```
#d8bb51 rgb(216,187,81)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#e2cb7b
```
#e2cb7b rgb(226,203,123)
```
#e6d390
```
#e6d390 rgb(230,211,144)
```
#ebdca5
```
#ebdca5 rgb(235,220,165)
```

Monochromatic Color

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

#dda566
```
#dda566 rgb(221,165,102)
```
#ddaf66
```
#ddaf66 rgb(221,175,102)
```
#ddb966
```
#ddb966 rgb(221,185,102)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#ddcd66
```
#ddcd66 rgb(221,205,102)
```
#ddd766
```
#ddd766 rgb(221,215,102)
```
#d9dd66
```
#d9dd66 rgb(217,221,102)
```

Similar Colors

Text with hexadecimal color #ddc366

This text has a font color of #ddc366.

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

#ddc366 background color

This paragraph has a background color of #ddc366.

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

#ddc366 border color

This element has a border color of #ddc366.

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

CSS codes

.text {color:#ddc366;}

.background {background-color:#ddc366;}

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

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

#070602
```
#070602 rgb(7,6,2)
```
#181405
```
#181405 rgb(24,20,5)
```
#282109
```
#282109 rgb(40,33,9)
```
#382e0c
```
#382e0c rgb(56,46,12)
```
#483c10
```
#483c10 rgb(72,60,16)
```
#584913
```
#584913 rgb(88,73,19)
```
#685617
```
#685617 rgb(104,86,23)
```
#78631b
```
#78631b rgb(120,99,27)
```
#88711e
```
#88711e rgb(136,113,30)
```
#987e22
```
#987e22 rgb(152,126,34)
```
#a88b25
```
#a88b25 rgb(168,139,37)
```
#b89929
```
#b89929 rgb(184,153,41)
```
#c8a62c
```
#c8a62c rgb(200,166,44)
```

Shade Color Variation

#d2b036
```
#d2b036 rgb(210,176,54)
```
#d6b646
```
#d6b646 rgb(214,182,70)
```
#d9bd56
```
#d9bd56 rgb(217,189,86)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#e1c976
```
#e1c976 rgb(225,201,118)
```
#e4d086
```
#e4d086 rgb(228,208,134)
```
#e8d696
```
#e8d696 rgb(232,214,150)
```
#ebdca6
```
#ebdca6 rgb(235,220,166)
```
#efe2b6
```
#efe2b6 rgb(239,226,182)
```
#f2e9c6
```
#f2e9c6 rgb(242,233,198)
```
#f6efd6
```
#f6efd6 rgb(246,239,214)
```
#faf5e6
```
#faf5e6 rgb(250,245,230)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#a3a3a0
```
#a3a3a0 rgb(163,163,160)
```
#aba798
```
#aba798 rgb(171,167,152)
```
#b2ab91
```
#b2ab91 rgb(178,171,145)
```
#b9af8a
```
#b9af8a rgb(185,175,138)
```
#c0b383
```
#c0b383 rgb(192,179,131)
```
#c7b77c
```
#c7b77c rgb(199,183,124)
```
#cfbb74
```
#cfbb74 rgb(207,187,116)
```
#d6bf6d
```
#d6bf6d rgb(214,191,109)
```
#ddc366
```
#ddc366 rgb(221,195,102)
```
#e4c75f
```
#e4c75f rgb(228,199,95)
```
#ebcb58
```
#ebcb58 rgb(235,203,88)
```
#f3cf50
```
#f3cf50 rgb(243,207,80)
```
#fad349
```
#fad349 rgb(250,211,73)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c6c1ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac76e Protanopia 1% of men
#f2be70 Deuteranopia 1% of men
#e8bbc8 Tritanopia 0.001% of the population

Trichromacy

#dbc56b Protanomaly 1% of men, 0.01% of women
#eac06c Deuteranomaly 6% of men, 0.4% of women
#e4bea4 Tritanomaly 0.01% of the population