#ddc22c hex color

In a RGB color space, hex #ddc22c is composed of 86.7% red, 76.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.2% magenta, 80.1% yellow and 13.3% black. It has a hue angle of 50.8 degrees, a saturation of 72.2% and a lightness of 52%. #ddc22c color hex could be obtained by blending #ffff58 with #bb8500. Closest websafe color is: #cccc33.

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

● #ddc22c color description : Bright yellow.

The hexadecimal color #ddc22c has RGB values of R:221, G:194, B:44 and CMYK values of C:0, M:0.12, Y:0.8, K:0.13. Its decimal value is 14533164.

Hex triplet	ddc22c	`#ddc22c`
RGB Decimal	221, 194, 44	`rgb(221,194,44)`
RGB Percent	86.7, 76.1, 17.3	`rgb(86.7%,76.1%,17.3%)`
CMYK	0, 12, 80, 13
HSL	50.8°, 72.2, 52	`hsl(50.8,72.2%,52%)`
HSV (or HSB)	50.8°, 80.1, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.543, -5.057, 72.107
XYZ	49.566, 54.139, 10.222
xyY	0.435, 0.475, 54.139
CIE-LCH	78.543, 72.284, 94.012
CIE-LUV	78.543, 24.861, 79.352
Hunter-Lab	73.579, -8.52, 43.269
Binary	11011101, 11000010, 00101100

#ddc22c
```
#ddc22c rgb(221,194,44)
```
#2c47dd
```
#2c47dd rgb(44,71,221)
```

Complementary Color

#dd6a2c
```
#dd6a2c rgb(221,106,44)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#a0dd2c
```
#a0dd2c rgb(160,221,44)
```

Analogous Color

#6a2cdd
```
#6a2cdd rgb(106,44,221)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#2ca0dd
```
#2ca0dd rgb(44,160,221)
```

Split Complementary Color

#c22cdd
```
#c22cdd rgb(194,44,221)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```

Triadic Color

#dd2c47
```
#dd2c47 rgb(221,44,71)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#2cddc2
```
#2cddc2 rgb(44,221,194)
```
#2c47dd
```
#2c47dd rgb(44,71,221)
```

Tetradic Color

#a28e1a
```
#a28e1a rgb(162,142,26)
```
#b8a11e
```
#b8a11e rgb(184,161,30)
```
#ceb421
```
#ceb421 rgb(206,180,33)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#e1c842
```
#e1c842 rgb(225,200,66)
```
#e4cf58
```
#e4cf58 rgb(228,207,88)
```
#e8d56e
```
#e8d56e rgb(232,213,110)
```

Monochromatic Color

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

#dd962c
```
#dd962c rgb(221,150,44)
```
#dda52c
```
#dda52c rgb(221,165,44)
```
#ddb32c
```
#ddb32c rgb(221,179,44)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#ddd12c
```
#ddd12c rgb(221,209,44)
```
#dbdd2c
```
#dbdd2c rgb(219,221,44)
```
#ccdd2c
```
#ccdd2c rgb(204,221,44)
```

Similar Colors

Text with hexadecimal color #ddc22c

This text has a font color of #ddc22c.

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

#ddc22c background color

This paragraph has a background color of #ddc22c.

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

#ddc22c border color

This element has a border color of #ddc22c.

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

CSS codes

.text {color:#ddc22c;}

.background {background-color:#ddc22c;}

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

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

#090801
```
#090801 rgb(9,8,1)
```
#1a1604
```
#1a1604 rgb(26,22,4)
```
#2a2507
```
#2a2507 rgb(42,37,7)
```
#3b340a
```
#3b340a rgb(59,52,10)
```
#4c420c
```
#4c420c rgb(76,66,12)
```
#5d510f
```
#5d510f rgb(93,81,15)
```
#6e6012
```
#6e6012 rgb(110,96,18)
```
#7f6f14
```
#7f6f14 rgb(127,111,20)
```
#907d17
```
#907d17 rgb(144,125,23)
```
#a18c1a
```
#a18c1a rgb(161,140,26)
```
#b29b1d
```
#b29b1d rgb(178,155,29)
```
#c2aa1f
```
#c2aa1f rgb(194,170,31)
```
#d3b822
```
#d3b822 rgb(211,184,34)
```

Shade Color Variation

#ddc22c
```
#ddc22c rgb(221,194,44)
```
#e0c73d
```
#e0c73d rgb(224,199,61)
```
#e2cc4e
```
#e2cc4e rgb(226,204,78)
```
#e5d15f
```
#e5d15f rgb(229,209,95)
```
#e8d670
```
#e8d670 rgb(232,214,112)
```
#ebda80
```
#ebda80 rgb(235,218,128)
```
#eddf91
```
#eddf91 rgb(237,223,145)
```
#f0e4a2
```
#f0e4a2 rgb(240,228,162)
```
#f3e9b3
```
#f3e9b3 rgb(243,233,179)
```
#f5eec4
```
#f5eec4 rgb(245,238,196)
```
#f8f3d5
```
#f8f3d5 rgb(248,243,213)
```
#fbf8e6
```
#fbf8e6 rgb(251,248,230)
```
#fefdf7
```
#fefdf7 rgb(254,253,247)
```

Tint Color Variation

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

#888781
```
#888781 rgb(136,135,129)
```
#928e77
```
#928e77 rgb(146,142,119)
```
#9b946e
```
#9b946e rgb(155,148,110)
```
#a49b65
```
#a49b65 rgb(164,155,101)
```
#aea15b
```
#aea15b rgb(174,161,91)
```
#b7a852
```
#b7a852 rgb(183,168,82)
```
#c1ae48
```
#c1ae48 rgb(193,174,72)
```
#cab53f
```
#cab53f rgb(202,181,63)
```
#d4bb35
```
#d4bb35 rgb(212,187,53)
```
#ddc22c
```
#ddc22c rgb(221,194,44)
```
#e6c923
```
#e6c923 rgb(230,201,35)
```
#f0cf19
```
#f0cf19 rgb(240,207,25)
```
#f9d610
```
#f9d610 rgb(249,214,16)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c0bb9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc537 Protanopia 1% of men
#f5bc3c Deuteranopia 1% of men
#eab8c5 Tritanopia 0.001% of the population

Trichromacy

#dcc433 Protanomaly 1% of men, 0.01% of women
#ecbe36 Deuteranomaly 6% of men, 0.4% of women
#e5bc8d Tritanomaly 0.01% of the population

#ddc22c hex color

#ddc22c Color Information

#ddc22c Color Conversion

Color Schemes with #ddc22c

Alternatives to #ddc22c

#ddc22c Preview

Shades and Tints of #ddc22c

Tones of #ddc22c

Color Blindness Simulator