#ddc520 hex color

In a RGB color space, hex #ddc520 is composed of 86.7% red, 77.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 85.5% yellow and 13.3% black. It has a hue angle of 52.4 degrees, a saturation of 74.7% and a lightness of 49.6%. #ddc520 color hex could be obtained by blending #ffff40 with #bb8b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 77
- B 13
RGB color chart
- C 0
- M 11
- Y 86
- K 13
CMYK color chart

● #ddc520 color description : Vivid yellow.

The hexadecimal color #ddc520 has RGB values of R:221, G:197, B:32 and CMYK values of C:0, M:0.11, Y:0.86, K:0.13. Its decimal value is 14533920.

Hex triplet	ddc520	`#ddc520`
RGB Decimal	221, 197, 32	`rgb(221,197,32)`
RGB Percent	86.7, 77.3, 12.5	`rgb(86.7%,77.3%,12.5%)`
CMYK	0, 11, 86, 13
HSL	52.4°, 74.7, 49.6	`hsl(52.4,74.7%,49.6%)`
HSV (or HSB)	52.4°, 85.5, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.277, -6.926, 75.797
XYZ	50.046, 55.411, 9.426
xyY	0.436, 0.482, 55.411
CIE-LCH	79.277, 76.113, 95.221
CIE-LUV	79.277, 22.95, 82.441
Hunter-Lab	74.438, -10.258, 44.599
Binary	11011101, 11000101, 00100000

#ddc520
```
#ddc520 rgb(221,197,32)
```
#2038dd
```
#2038dd rgb(32,56,221)
```

Complementary Color

#dd6720
```
#dd6720 rgb(221,103,32)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#97dd20
```
#97dd20 rgb(151,221,32)
```

Analogous Color

#6720dd
```
#6720dd rgb(103,32,221)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#2097dd
```
#2097dd rgb(32,151,221)
```

Split Complementary Color

#c520dd
```
#c520dd rgb(197,32,221)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#20ddc5
```
#20ddc5 rgb(32,221,197)
```

Triadic Color

#dd2038
```
#dd2038 rgb(221,32,56)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#20ddc5
```
#20ddc5 rgb(32,221,197)
```
#2038dd
```
#2038dd rgb(32,56,221)
```

Tetradic Color

#9a8916
```
#9a8916 rgb(154,137,22)
```
#b09d1a
```
#b09d1a rgb(176,157,26)
```
#c7b11d
```
#c7b11d rgb(199,177,29)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#e2cc35
```
#e2cc35 rgb(226,204,53)
```
#e5d14b
```
#e5d14b rgb(229,209,75)
```
#e8d761
```
#e8d761 rgb(232,215,97)
```

Monochromatic Color

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

#dd9620
```
#dd9620 rgb(221,150,32)
```
#dda620
```
#dda620 rgb(221,166,32)
```
#ddb520
```
#ddb520 rgb(221,181,32)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#ddd520
```
#ddd520 rgb(221,213,32)
```
#d6dd20
```
#d6dd20 rgb(214,221,32)
```
#c6dd20
```
#c6dd20 rgb(198,221,32)
```

Similar Colors

Text with hexadecimal color #ddc520

This text has a font color of #ddc520.

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

#ddc520 background color

This paragraph has a background color of #ddc520.

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

#ddc520 border color

This element has a border color of #ddc520.

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

CSS codes

.text {color:#ddc520;}

.background {background-color:#ddc520;}

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

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

#0f0e02
```
#0f0e02 rgb(15,14,2)
```
#211d05
```
#211d05 rgb(33,29,5)
```
#322c07
```
#322c07 rgb(50,44,7)
```
#433c0a
```
#433c0a rgb(67,60,10)
```
#544b0c
```
#544b0c rgb(84,75,12)
```
#655a0f
```
#655a0f rgb(101,90,15)
```
#766911
```
#766911 rgb(118,105,17)
```
#877914
```
#877914 rgb(135,121,20)
```
#988816
```
#988816 rgb(152,136,22)
```
#aa9719
```
#aa9719 rgb(170,151,25)
```
#bba61b
```
#bba61b rgb(187,166,27)
```
#ccb61e
```
#ccb61e rgb(204,182,30)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```

Shade Color Variation

#e1ca30
```
#e1ca30 rgb(225,202,48)
```
#e3cf41
```
#e3cf41 rgb(227,207,65)
```
#e6d352
```
#e6d352 rgb(230,211,82)
```
#e8d763
```
#e8d763 rgb(232,215,99)
```
#ebdc74
```
#ebdc74 rgb(235,220,116)
```
#ede085
```
#ede085 rgb(237,224,133)
```
#f0e596
```
#f0e596 rgb(240,229,150)
```
#f2e9a8
```
#f2e9a8 rgb(242,233,168)
```
#f5edb9
```
#f5edb9 rgb(245,237,185)
```
#f7f2ca
```
#f7f2ca rgb(247,242,202)
```
#faf6db
```
#faf6db rgb(250,246,219)
```
#fcfaec
```
#fcfaec rgb(252,250,236)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#858478
```
#858478 rgb(133,132,120)
```
#8f8b6e
```
#8f8b6e rgb(143,139,110)
```
#999264
```
#999264 rgb(153,146,100)
```
#a3995a
```
#a3995a rgb(163,153,90)
```
#aca151
```
#aca151 rgb(172,161,81)
```
#b6a847
```
#b6a847 rgb(182,168,71)
```
#c0af3d
```
#c0af3d rgb(192,175,61)
```
#cab633
```
#cab633 rgb(202,182,51)
```
#d3be2a
```
#d3be2a rgb(211,190,42)
```
#ddc520
```
#ddc520 rgb(221,197,32)
```
#e7cc16
```
#e7cc16 rgb(231,204,22)
```
#f0d40d
```
#f0d40d rgb(240,212,13)
```
#fadb03
```
#fadb03 rgb(250,219,3)
```

Tone Color Variation

Below, you can see how #ddc520 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
#c0bb9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc72b Protanopia 1% of men
#f8bd32 Deuteranopia 1% of men
#eabac8 Tritanopia 0.001% of the population

Trichromacy

#dec627 Protanomaly 1% of men, 0.01% of women
#eec02c Deuteranomaly 6% of men, 0.4% of women
#e5be8a Tritanomaly 0.01% of the population

#ddc520 hex color

#ddc520 Color Information

#ddc520 Color Conversion

Color Schemes with #ddc520

Alternatives to #ddc520

#ddc520 Preview

Shades and Tints of #ddc520

Tones of #ddc520

Color Blindness Simulator