#ddc616 hex color

In a RGB color space, hex #ddc616 is composed of 86.7% red, 77.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.4% magenta, 90% yellow and 13.3% black. It has a hue angle of 53.1 degrees, a saturation of 81.9% and a lightness of 47.6%. #ddc616 color hex could be obtained by blending #ffff2c with #bb8d00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 87
- G 78
- B 9
RGB color chart
- C 0
- M 10
- Y 90
- K 13
CMYK color chart

● #ddc616 color description : Vivid yellow.

The hexadecimal color #ddc616 has RGB values of R:221, G:198, B:22 and CMYK values of C:0, M:0.1, Y:0.9, K:0.13. Its decimal value is 14534166.

Hex triplet	ddc616	`#ddc616`
RGB Decimal	221, 198, 22	`rgb(221,198,22)`
RGB Percent	86.7, 77.6, 8.6	`rgb(86.7%,77.6%,8.6%)`
CMYK	0, 10, 90, 13
HSL	53.1°, 81.9, 47.6	`hsl(53.1,81.9%,47.6%)`
HSV (or HSB)	53.1°, 90, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	79.511, -7.634, 77.905
XYZ	50.158, 55.82, 8.891
xyY	0.437, 0.486, 55.82
CIE-LCH	79.511, 78.278, 95.596
CIE-LUV	79.511, 22.368, 83.967
Hunter-Lab	74.713, -10.912, 45.243
Binary	11011101, 11000110, 00010110

#ddc616
```
#ddc616 rgb(221,198,22)
```
#162ddd
```
#162ddd rgb(22,45,221)
```

Complementary Color

#dd6316
```
#dd6316 rgb(221,99,22)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#91dd16
```
#91dd16 rgb(145,221,22)
```

Analogous Color

#6316dd
```
#6316dd rgb(99,22,221)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#1691dd
```
#1691dd rgb(22,145,221)
```

Split Complementary Color

#c616dd
```
#c616dd rgb(198,22,221)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#16ddc6
```
#16ddc6 rgb(22,221,198)
```

Triadic Color

#dd162d
```
#dd162d rgb(221,22,45)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#16ddc6
```
#16ddc6 rgb(22,221,198)
```
#162ddd
```
#162ddd rgb(22,45,221)
```

Tetradic Color

#97880f
```
#97880f rgb(151,136,15)
```
#af9c11
```
#af9c11 rgb(175,156,17)
```
#c6b114
```
#c6b114 rgb(198,177,20)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#e9d223
```
#e9d223 rgb(233,210,35)
```
#ebd73b
```
#ebd73b rgb(235,215,59)
```
#eedc52
```
#eedc52 rgb(238,220,82)
```

Monochromatic Color

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

#dd9416
```
#dd9416 rgb(221,148,22)
```
#dda516
```
#dda516 rgb(221,165,22)
```
#ddb516
```
#ddb516 rgb(221,181,22)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#ddd716
```
#ddd716 rgb(221,215,22)
```
#d3dd16
```
#d3dd16 rgb(211,221,22)
```
#c2dd16
```
#c2dd16 rgb(194,221,22)
```

Similar Colors

Text with hexadecimal color #ddc616

This text has a font color of #ddc616.

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

#ddc616 background color

This paragraph has a background color of #ddc616.

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

#ddc616 border color

This element has a border color of #ddc616.

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

CSS codes

.text {color:#ddc616;}

.background {background-color:#ddc616;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191602
```
#191602 rgb(25,22,2)
```
#2b2604
```
#2b2604 rgb(43,38,4)
```
#3c3606
```
#3c3606 rgb(60,54,6)
```
#4e4608
```
#4e4608 rgb(78,70,8)
```
#60560a
```
#60560a rgb(96,86,10)
```
#72660b
```
#72660b rgb(114,102,11)
```
#84760d
```
#84760d rgb(132,118,13)
```
#96860f
```
#96860f rgb(150,134,15)
```
#a79611
```
#a79611 rgb(167,150,17)
```
#b9a612
```
#b9a612 rgb(185,166,18)
```
#cbb614
```
#cbb614 rgb(203,182,20)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```

Shade Color Variation

#e9d11e
```
#e9d11e rgb(233,209,30)
```
#ead530
```
#ead530 rgb(234,213,48)
```
#ecd842
```
#ecd842 rgb(236,216,66)
```
#eedc54
```
#eedc54 rgb(238,220,84)
```
#f0e065
```
#f0e065 rgb(240,224,101)
```
#f1e377
```
#f1e377 rgb(241,227,119)
```
#f3e789
```
#f3e789 rgb(243,231,137)
```
#f5eb9b
```
#f5eb9b rgb(245,235,155)
```
#f7eead
```
#f7eead rgb(247,238,173)
```
#f9f2bf
```
#f9f2bf rgb(249,242,191)
```
#faf6d0
```
#faf6d0 rgb(250,246,208)
```
#fcf9e2
```
#fcf9e2 rgb(252,249,226)
```
#fefdf4
```
#fefdf4 rgb(254,253,244)
```

Tint Color Variation

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

#807e73
```
#807e73 rgb(128,126,115)
```
#89856a
```
#89856a rgb(137,133,106)
```
#928d61
```
#928d61 rgb(146,141,97)
```
#9c9457
```
#9c9457 rgb(156,148,87)
```
#a59b4e
```
#a59b4e rgb(165,155,78)
```
#aea245
```
#aea245 rgb(174,162,69)
```
#b8a93b
```
#b8a93b rgb(184,169,59)
```
#c1b032
```
#c1b032 rgb(193,176,50)
```
#cab829
```
#cab829 rgb(202,184,41)
```
#d4bf1f
```
#d4bf1f rgb(212,191,31)
```
#ddc616
```
#ddc616 rgb(221,198,22)
```
#e6cd0d
```
#e6cd0d rgb(230,205,13)
```
#f0d403
```
#f0d403 rgb(240,212,3)
```

Tone Color Variation

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

Dichromacy

#e0c821 Protanopia 1% of men
#f9be2b Deuteranopia 1% of men
#eabbc8 Tritanopia 0.001% of the population

Trichromacy

#dfc71d Protanomaly 1% of men, 0.01% of women
#efc123 Deuteranomaly 6% of men, 0.4% of women
#e5bf87 Tritanomaly 0.01% of the population

#ddc616 hex color

#ddc616 Color Information

#ddc616 Color Conversion

Color Schemes with #ddc616

Alternatives to #ddc616

#ddc616 Preview

Shades and Tints of #ddc616

Tones of #ddc616

Color Blindness Simulator