#ddc36a hex color

In a RGB color space, hex #ddc36a is composed of 86.7% red, 76.5% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.8% magenta, 52% yellow and 13.3% black. It has a hue angle of 46.4 degrees, a saturation of 62.8% and a lightness of 64.1%. #ddc36a color hex could be obtained by blending #ffffd4 with #bb8700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 76
- B 42
RGB color chart
- C 0
- M 12
- Y 52
- K 13
CMYK color chart

● #ddc36a color description : Soft yellow.

The hexadecimal color #ddc36a has RGB values of R:221, G:195, B:106 and CMYK values of C:0, M:0.12, Y:0.52, K:0.13. Its decimal value is 14533482.

Hex triplet	ddc36a	`#ddc36a`
RGB Decimal	221, 195, 106	`rgb(221,195,106)`
RGB Percent	86.7, 76.5, 41.6	`rgb(86.7%,76.5%,41.6%)`
CMYK	0, 12, 52, 13
HSL	46.4°, 62.8, 64.1	`hsl(46.4,62.8%,64.1%)`
HSV (or HSB)	46.4°, 52, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.297, -1.992, 47.659
XYZ	51.935, 55.445, 21.601
xyY	0.403, 0.43, 55.445
CIE-LCH	79.297, 47.7, 92.393
CIE-LUV	79.297, 21.858, 59.594
Hunter-Lab	74.461, -5.806, 34.923
Binary	11011101, 11000011, 01101010

#ddc36a
```
#ddc36a rgb(221,195,106)
```
#6a84dd
```
#6a84dd rgb(106,132,221)
```

Complementary Color

#dd8a6a
```
#dd8a6a rgb(221,138,106)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#bedd6a
```
#bedd6a rgb(190,221,106)
```

Analogous Color

#8a6add
```
#8a6add rgb(138,106,221)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#6abedd
```
#6abedd rgb(106,190,221)
```

Split Complementary Color

#c36add
```
#c36add rgb(195,106,221)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#6addc3
```
#6addc3 rgb(106,221,195)
```

Triadic Color

#dd6a84
```
#dd6a84 rgb(221,106,132)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#6addc3
```
#6addc3 rgb(106,221,195)
```
#6a84dd
```
#6a84dd rgb(106,132,221)
```

Tetradic Color

#cca82f
```
#cca82f rgb(204,168,47)
```
#d4b240
```
#d4b240 rgb(212,178,64)
```
#d8bb55
```
#d8bb55 rgb(216,187,85)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#e2cb7f
```
#e2cb7f rgb(226,203,127)
```
#e6d494
```
#e6d494 rgb(230,212,148)
```
#ebdca8
```
#ebdca8 rgb(235,220,168)
```

Monochromatic Color

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

#dda66a
```
#dda66a rgb(221,166,106)
```
#ddb06a
```
#ddb06a rgb(221,176,106)
```
#ddb96a
```
#ddb96a rgb(221,185,106)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#ddcd6a
```
#ddcd6a rgb(221,205,106)
```
#ddd66a
```
#ddd66a rgb(221,214,106)
```
#dadd6a
```
#dadd6a rgb(218,221,106)
```

Similar Colors

Text with hexadecimal color #ddc36a

This text has a font color of #ddc36a.

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

#ddc36a background color

This paragraph has a background color of #ddc36a.

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

#ddc36a border color

This element has a border color of #ddc36a.

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

CSS codes

.text {color:#ddc36a;}

.background {background-color:#ddc36a;}

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

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

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1b1606
```
#1b1606 rgb(27,22,6)
```
#2b230a
```
#2b230a rgb(43,35,10)
```
#3b300d
```
#3b300d rgb(59,48,13)
```
#4b3e11
```
#4b3e11 rgb(75,62,17)
```
#5b4b15
```
#5b4b15 rgb(91,75,21)
```
#6b5818
```
#6b5818 rgb(107,88,24)
```
#7b651c
```
#7b651c rgb(123,101,28)
```
#8a7220
```
#8a7220 rgb(138,114,32)
```
#9a7f23
```
#9a7f23 rgb(154,127,35)
```
#aa8d27
```
#aa8d27 rgb(170,141,39)
```
#ba9a2b
```
#ba9a2b rgb(186,154,43)
```
#caa72e
```
#caa72e rgb(202,167,46)
```

Shade Color Variation

#d2b03a
```
#d2b03a rgb(210,176,58)
```
#d6b64a
```
#d6b64a rgb(214,182,74)
```
#d9bd5a
```
#d9bd5a rgb(217,189,90)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#e1c97a
```
#e1c97a rgb(225,201,122)
```
#e4d08a
```
#e4d08a rgb(228,208,138)
```
#e8d69a
```
#e8d69a rgb(232,214,154)
```
#ecddaa
```
#ecddaa rgb(236,221,170)
```
#efe3ba
```
#efe3ba rgb(239,227,186)
```
#f3eaca
```
#f3eaca rgb(243,234,202)
```
#f7f0da
```
#f7f0da rgb(247,240,218)
```
#faf6ea
```
#faf6ea rgb(250,246,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#a5a4a2
```
#a5a4a2 rgb(165,164,162)
```
#aca89b
```
#aca89b rgb(172,168,155)
```
#b3ac94
```
#b3ac94 rgb(179,172,148)
```
#bab08d
```
#bab08d rgb(186,176,141)
```
#c1b486
```
#c1b486 rgb(193,180,134)
```
#c8b77f
```
#c8b77f rgb(200,183,127)
```
#cfbb78
```
#cfbb78 rgb(207,187,120)
```
#d6bf71
```
#d6bf71 rgb(214,191,113)
```
#ddc36a
```
#ddc36a rgb(221,195,106)
```
#e4c763
```
#e4c763 rgb(228,199,99)
```
#ebcb5c
```
#ebcb5c rgb(235,203,92)
```
#f2cf55
```
#f2cf55 rgb(242,207,85)
```
#f9d24e
```
#f9d24e rgb(249,210,78)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c7c1b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac772 Protanopia 1% of men
#f1be74 Deuteranopia 1% of men
#e8bbc9 Tritanopia 0.001% of the population

Trichromacy

#dbc56f Protanomaly 1% of men, 0.01% of women
#eac070 Deuteranomaly 6% of men, 0.4% of women
#e4bea6 Tritanomaly 0.01% of the population

#ddc36a hex color

#ddc36a Color Information

#ddc36a Color Conversion

Color Schemes with #ddc36a

Alternatives to #ddc36a

#ddc36a Preview

Shades and Tints of #ddc36a

Tones of #ddc36a

Color Blindness Simulator