#ddb20c hex color

In a RGB color space, hex #ddb20c is composed of 86.7% red, 69.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.5% magenta, 94.6% yellow and 13.3% black. It has a hue angle of 47.7 degrees, a saturation of 89.7% and a lightness of 45.7%. #ddb20c color hex could be obtained by blending #ffff18 with #bb6500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 87
- G 70
- B 5
RGB color chart
- C 0
- M 19
- Y 95
- K 13
CMYK color chart

● #ddb20c color description : Vivid yellow.

The hexadecimal color #ddb20c has RGB values of R:221, G:178, B:12 and CMYK values of C:0, M:0.19, Y:0.95, K:0.13. Its decimal value is 14529036.

Hex triplet	ddb20c	`#ddb20c`
RGB Decimal	221, 178, 12	`rgb(221,178,12)`
RGB Percent	86.7, 69.8, 4.7	`rgb(86.7%,69.8%,4.7%)`
CMYK	0, 19, 95, 13
HSL	47.7°, 89.7, 45.7	`hsl(47.7,89.7%,45.7%)`
HSV (or HSB)	47.7°, 94.6, 86.7
Web Safe	cc9900	`#cc9900`

CIE-LAB	74.344, 2.598, 75.441
XYZ	45.806, 47.242, 7.054
xyY	0.458, 0.472, 47.242
CIE-LCH	74.344, 75.485, 88.028
CIE-LUV	74.344, 37.112, 77.18
Hunter-Lab	68.733, -1.322, 42.028
Binary	11011101, 10110010, 00001100

#ddb20c
```
#ddb20c rgb(221,178,12)
```
#0c37dd
```
#0c37dd rgb(12,55,221)
```

Complementary Color

#dd4a0c
```
#dd4a0c rgb(221,74,12)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#a0dd0c
```
#a0dd0c rgb(160,221,12)
```

Analogous Color

#4a0cdd
```
#4a0cdd rgb(74,12,221)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#0ca0dd
```
#0ca0dd rgb(12,160,221)
```

Split Complementary Color

#b20cdd
```
#b20cdd rgb(178,12,221)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#0cddb2
```
#0cddb2 rgb(12,221,178)
```

Triadic Color

#dd0c37
```
#dd0c37 rgb(221,12,55)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#0cddb2
```
#0cddb2 rgb(12,221,178)
```
#0c37dd
```
#0c37dd rgb(12,55,221)
```

Tetradic Color

#947808
```
#947808 rgb(148,120,8)
```
#ad8b09
```
#ad8b09 rgb(173,139,9)
```
#c59f0b
```
#c59f0b rgb(197,159,11)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#f2c410
```
#f2c410 rgb(242,196,16)
```
#f3ca29
```
#f3ca29 rgb(243,202,41)
```
#f5d041
```
#f5d041 rgb(245,208,65)
```

Monochromatic Color

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

#dd7e0c
```
#dd7e0c rgb(221,126,12)
```
#dd8f0c
```
#dd8f0c rgb(221,143,12)
```
#dda10c
```
#dda10c rgb(221,161,12)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#ddc30c
```
#ddc30c rgb(221,195,12)
```
#ddd50c
```
#ddd50c rgb(221,213,12)
```
#d4dd0c
```
#d4dd0c rgb(212,221,12)
```

Similar Colors

Text with hexadecimal color #ddb20c

This text has a font color of #ddb20c.

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

#ddb20c background color

This paragraph has a background color of #ddb20c.

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

#ddb20c border color

This element has a border color of #ddb20c.

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

CSS codes

.text {color:#ddb20c;}

.background {background-color:#ddb20c;}

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

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, #100d01 is the darkest color, while #fffefd is the lightest one.

#100d01
```
#100d01 rgb(16,13,1)
```
#231c02
```
#231c02 rgb(35,28,2)
```
#362b03
```
#362b03 rgb(54,43,3)
```
#483a04
```
#483a04 rgb(72,58,4)
```
#5b4905
```
#5b4905 rgb(91,73,5)
```
#6d5806
```
#6d5806 rgb(109,88,6)
```
#806707
```
#806707 rgb(128,103,7)
```
#937608
```
#937608 rgb(147,118,8)
```
#a58509
```
#a58509 rgb(165,133,9)
```
#b8940a
```
#b8940a rgb(184,148,10)
```
#caa30b
```
#caa30b rgb(202,163,11)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#f0c10d
```
#f0c10d rgb(240,193,13)
```

Shade Color Variation

#f3c71d
```
#f3c71d rgb(243,199,29)
```
#f4cc30
```
#f4cc30 rgb(244,204,48)
```
#f5d043
```
#f5d043 rgb(245,208,67)
```
#f6d555
```
#f6d555 rgb(246,213,85)
```
#f7d968
```
#f7d968 rgb(247,217,104)
```
#f8de7b
```
#f8de7b rgb(248,222,123)
```
#f9e38d
```
#f9e38d rgb(249,227,141)
```
#fae7a0
```
#fae7a0 rgb(250,231,160)
```
#fbecb2
```
#fbecb2 rgb(251,236,178)
```
#fcf1c5
```
#fcf1c5 rgb(252,241,197)
```
#fdf5d8
```
#fdf5d8 rgb(253,245,216)
```
#fefaea
```
#fefaea rgb(254,250,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7a786f
```
#7a786f rgb(122,120,111)
```
#837d66
```
#837d66 rgb(131,125,102)
```
#8c835d
```
#8c835d rgb(140,131,93)
```
#958854
```
#958854 rgb(149,136,84)
```
#9e8d4b
```
#9e8d4b rgb(158,141,75)
```
#a79242
```
#a79242 rgb(167,146,66)
```
#b09839
```
#b09839 rgb(176,152,57)
```
#b99d30
```
#b99d30 rgb(185,157,48)
```
#c2a227
```
#c2a227 rgb(194,162,39)
```
#cba71e
```
#cba71e rgb(203,167,30)
```
#d4ad15
```
#d4ad15 rgb(212,173,21)
```
#ddb20c
```
#ddb20c rgb(221,178,12)
```
#e6b703
```
#e6b703 rgb(230,183,3)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b6ad8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ba1a Protanopia 1% of men
#e9b11e Deuteranopia 1% of men
#e8a9b5 Tritanopia 0.001% of the population

Trichromacy

#d5b715 Protanomaly 1% of men, 0.01% of women
#e4b117 Deuteranomaly 6% of men, 0.4% of women
#e4ac78 Tritanomaly 0.01% of the population

#ddb20c hex color

#ddb20c Color Information

#ddb20c Color Conversion

Color Schemes with #ddb20c

Alternatives to #ddb20c

#ddb20c Preview

Shades and Tints of #ddb20c

Tones of #ddb20c

Color Blindness Simulator