#ddcc22 hex color

In a RGB color space, hex #ddcc22 is composed of 86.7% red, 80% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.7% magenta, 84.6% yellow and 13.3% black. It has a hue angle of 54.5 degrees, a saturation of 73.3% and a lightness of 50%. #ddcc22 color hex could be obtained by blending #ffff44 with #bb9900. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 80
- B 13
RGB color chart
- C 0
- M 8
- Y 85
- K 13
CMYK color chart

● #ddcc22 color description : Bright yellow.

The hexadecimal color #ddcc22 has RGB values of R:221, G:204, B:34 and CMYK values of C:0, M:0.08, Y:0.85, K:0.13. Its decimal value is 14535714.

Hex triplet	ddcc22	`#ddcc22`
RGB Decimal	221, 204, 34	`rgb(221,204,34)`
RGB Percent	86.7, 80, 13.3	`rgb(86.7%,80%,13.3%)`
CMYK	0, 8, 85, 13
HSL	54.5°, 73.3, 50	`hsl(54.5,73.3%,50%)`
HSV (or HSB)	54.5°, 84.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.113, -10.436, 76.854
XYZ	51.701, 58.675, 10.115
xyY	0.429, 0.487, 58.675
CIE-LCH	81.113, 77.56, 97.733
CIE-LUV	81.113, 18.025, 84.884
Hunter-Lab	76.6, -13.571, 45.79
Binary	11011101, 11001100, 00100010

#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#2233dd
```
#2233dd rgb(34,51,221)
```

Complementary Color

#dd6f22
```
#dd6f22 rgb(221,111,34)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#91dd22
```
#91dd22 rgb(145,221,34)
```

Analogous Color

#6f22dd
```
#6f22dd rgb(111,34,221)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#2291dd
```
#2291dd rgb(34,145,221)
```

Split Complementary Color

#cc22dd
```
#cc22dd rgb(204,34,221)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#22ddcc
```
#22ddcc rgb(34,221,204)
```

Triadic Color

#dd2233
```
#dd2233 rgb(221,34,51)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#22ddcc
```
#22ddcc rgb(34,221,204)
```
#2233dd
```
#2233dd rgb(34,51,221)
```

Tetradic Color

#9b8f18
```
#9b8f18 rgb(155,143,24)
```
#b1a31b
```
#b1a31b rgb(177,163,27)
```
#c7b81f
```
#c7b81f rgb(199,184,31)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#e0d138
```
#e0d138 rgb(224,209,56)
```
#e4d64e
```
#e4d64e rgb(228,214,78)
```
#e7db64
```
#e7db64 rgb(231,219,100)
```

Monochromatic Color

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

#dd9d22
```
#dd9d22 rgb(221,157,34)
```
#ddad22
```
#ddad22 rgb(221,173,34)
```
#ddbc22
```
#ddbc22 rgb(221,188,34)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#dddc22
```
#dddc22 rgb(221,220,34)
```
#cfdd22
```
#cfdd22 rgb(207,221,34)
```
#bfdd22
```
#bfdd22 rgb(191,221,34)
```

Similar Colors

Text with hexadecimal color #ddcc22

This text has a font color of #ddcc22.

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

#ddcc22 background color

This paragraph has a background color of #ddcc22.

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

#ddcc22 border color

This element has a border color of #ddcc22.

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

CSS codes

.text {color:#ddcc22;}

.background {background-color:#ddcc22;}

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

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

#111003
```
#111003 rgb(17,16,3)
```
#221f05
```
#221f05 rgb(34,31,5)
```
#332f08
```
#332f08 rgb(51,47,8)
```
#443f0a
```
#443f0a rgb(68,63,10)
```
#554e0d
```
#554e0d rgb(85,78,13)
```
#665e10
```
#665e10 rgb(102,94,16)
```
#776e12
```
#776e12 rgb(119,110,18)
```
#887e15
```
#887e15 rgb(136,126,21)
```
#998d18
```
#998d18 rgb(153,141,24)
```
#aa9d1a
```
#aa9d1a rgb(170,157,26)
```
#bbad1d
```
#bbad1d rgb(187,173,29)
```
#ccbc1f
```
#ccbc1f rgb(204,188,31)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```

Shade Color Variation

#e0d033
```
#e0d033 rgb(224,208,51)
```
#e2d444
```
#e2d444 rgb(226,212,68)
```
#e5d855
```
#e5d855 rgb(229,216,85)
```
#e7dc66
```
#e7dc66 rgb(231,220,102)
```
#eae077
```
#eae077 rgb(234,224,119)
```
#ede488
```
#ede488 rgb(237,228,136)
```
#efe799
```
#efe799 rgb(239,231,153)
```
#f2ebaa
```
#f2ebaa rgb(242,235,170)
```
#f5efbb
```
#f5efbb rgb(245,239,187)
```
#f7f3cc
```
#f7f3cc rgb(247,243,204)
```
#faf7dd
```
#faf7dd rgb(250,247,221)
```
#fcfbee
```
#fcfbee rgb(252,251,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#85847a
```
#85847a rgb(133,132,122)
```
#8f8c70
```
#8f8c70 rgb(143,140,112)
```
#989467
```
#989467 rgb(152,148,103)
```
#a29c5d
```
#a29c5d rgb(162,156,93)
```
#aca453
```
#aca453 rgb(172,164,83)
```
#b6ac49
```
#b6ac49 rgb(182,172,73)
```
#c0b43f
```
#c0b43f rgb(192,180,63)
```
#c9bc36
```
#c9bc36 rgb(201,188,54)
```
#d3c42c
```
#d3c42c rgb(211,196,44)
```
#ddcc22
```
#ddcc22 rgb(221,204,34)
```
#e7d418
```
#e7d418 rgb(231,212,24)
```
#f1dc0e
```
#f1dc0e rgb(241,220,14)
```
#fae405
```
#fae405 rgb(250,228,5)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c4c19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc2c Protanopia 1% of men
#fec236 Deuteranopia 1% of men
#ebc1ce Tritanopia 0.001% of the population

Trichromacy

#e1cc28 Protanomaly 1% of men, 0.01% of women
#f2c52e Deuteranomaly 6% of men, 0.4% of women
#e6c58f Tritanomaly 0.01% of the population

#ddcc22 hex color

#ddcc22 Color Information

#ddcc22 Color Conversion

Color Schemes with #ddcc22

Alternatives to #ddcc22

#ddcc22 Preview

Shades and Tints of #ddcc22

Tones of #ddcc22

Color Blindness Simulator