#ddc13d hex color

In a RGB color space, hex #ddc13d is composed of 86.7% red, 75.7% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 72.4% yellow and 13.3% black. It has a hue angle of 49.5 degrees, a saturation of 70.2% and a lightness of 55.3%. #ddc13d color hex could be obtained by blending #ffff7a with #bb8300. Closest websafe color is: #cccc33.

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

● #ddc13d color description : Bright yellow.

The hexadecimal color #ddc13d has RGB values of R:221, G:193, B:61 and CMYK values of C:0, M:0.13, Y:0.72, K:0.13. Its decimal value is 14532925.

Hex triplet	ddc13d	`#ddc13d`
RGB Decimal	221, 193, 61	`rgb(221,193,61)`
RGB Percent	86.7, 75.7, 23.9	`rgb(86.7%,75.7%,23.9%)`
CMYK	0, 13, 72, 13
HSL	49.5°, 70.2, 55.3	`hsl(49.5,70.2%,55.3%)`
HSV (or HSB)	49.5°, 72.4, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.375, -3.884, 66.324
XYZ	49.732, 53.851, 12.189
xyY	0.43, 0.465, 53.851
CIE-LCH	78.375, 66.437, 93.351
CIE-LUV	78.375, 25.123, 75.14
Hunter-Lab	73.383, -7.451, 41.52
Binary	11011101, 11000001, 00111101

#ddc13d
```
#ddc13d rgb(221,193,61)
```
#3d59dd
```
#3d59dd rgb(61,89,221)
```

Complementary Color

#dd713d
```
#dd713d rgb(221,113,61)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#a9dd3d
```
#a9dd3d rgb(169,221,61)
```

Analogous Color

#713ddd
```
#713ddd rgb(113,61,221)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#3da9dd
```
#3da9dd rgb(61,169,221)
```

Split Complementary Color

#c13ddd
```
#c13ddd rgb(193,61,221)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#3dddc1
```
#3dddc1 rgb(61,221,193)
```

Triadic Color

#dd3d59
```
#dd3d59 rgb(221,61,89)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#3dddc1
```
#3dddc1 rgb(61,221,193)
```
#3d59dd
```
#3d59dd rgb(61,89,221)
```

Tetradic Color

#af961f
```
#af961f rgb(175,150,31)
```
#c5a822
```
#c5a822 rgb(197,168,34)
```
#d9ba27
```
#d9ba27 rgb(217,186,39)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#e1c853
```
#e1c853 rgb(225,200,83)
```
#e5cf68
```
#e5cf68 rgb(229,207,104)
```
#e8d67e
```
#e8d67e rgb(232,214,126)
```

Monochromatic Color

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

#dd993d
```
#dd993d rgb(221,153,61)
```
#dda63d
```
#dda63d rgb(221,166,61)
```
#ddb43d
```
#ddb43d rgb(221,180,61)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#ddce3d
```
#ddce3d rgb(221,206,61)
```
#dddc3d
```
#dddc3d rgb(221,220,61)
```
#d1dd3d
```
#d1dd3d rgb(209,221,61)
```

Similar Colors

Text with hexadecimal color #ddc13d

This text has a font color of #ddc13d.

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

#ddc13d background color

This paragraph has a background color of #ddc13d.

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

#ddc13d border color

This element has a border color of #ddc13d.

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

CSS codes

.text {color:#ddc13d;}

.background {background-color:#ddc13d;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#171404
```
#171404 rgb(23,20,4)
```
#282207
```
#282207 rgb(40,34,7)
```
#38300a
```
#38300a rgb(56,48,10)
```
#493f0d
```
#493f0d rgb(73,63,13)
```
#5a4d10
```
#5a4d10 rgb(90,77,16)
```
#6a5b13
```
#6a5b13 rgb(106,91,19)
```
#7b6916
```
#7b6916 rgb(123,105,22)
```
#8c7819
```
#8c7819 rgb(140,120,25)
```
#9c861b
```
#9c861b rgb(156,134,27)
```
#ad941e
```
#ad941e rgb(173,148,30)
```
#bea221
```
#bea221 rgb(190,162,33)
```
#cfb124
```
#cfb124 rgb(207,177,36)
```

Shade Color Variation

#dabc2c
```
#dabc2c rgb(218,188,44)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#e0c64e
```
#e0c64e rgb(224,198,78)
```
#e3cc5e
```
#e3cc5e rgb(227,204,94)
```
#e6d16f
```
#e6d16f rgb(230,209,111)
```
#e9d680
```
#e9d680 rgb(233,214,128)
```
#ecdc90
```
#ecdc90 rgb(236,220,144)
```
#efe1a1
```
#efe1a1 rgb(239,225,161)
```
#f1e6b2
```
#f1e6b2 rgb(241,230,178)
```
#f4ecc3
```
#f4ecc3 rgb(244,236,195)
```
#f7f1d3
```
#f7f1d3 rgb(247,241,211)
```
#faf6e4
```
#faf6e4 rgb(250,246,228)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#8e8e8c
```
#8e8e8c rgb(142,142,140)
```
#979383
```
#979383 rgb(151,147,131)
```
#a0997a
```
#a0997a rgb(160,153,122)
```
#a89f72
```
#a89f72 rgb(168,159,114)
```
#b1a569
```
#b1a569 rgb(177,165,105)
```
#baaa60
```
#baaa60 rgb(186,170,96)
```
#c3b057
```
#c3b057 rgb(195,176,87)
```
#cbb64f
```
#cbb64f rgb(203,182,79)
```
#d4bb46
```
#d4bb46 rgb(212,187,70)
```
#ddc13d
```
#ddc13d rgb(221,193,61)
```
#e6c734
```
#e6c734 rgb(230,199,52)
```
#efcc2b
```
#efcc2b rgb(239,204,43)
```
#f7d223
```
#f7d223 rgb(247,210,35)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#c1bba1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc547 Protanopia 1% of men
#f3bb4a Deuteranopia 1% of men
#e9b8c5 Tritanopia 0.001% of the population

Trichromacy

#dcc343 Protanomaly 1% of men, 0.01% of women
#ebbd45 Deuteranomaly 6% of men, 0.4% of women
#e4bb93 Tritanomaly 0.01% of the population

#ddc13d hex color

#ddc13d Color Information

#ddc13d Color Conversion

Color Schemes with #ddc13d

Alternatives to #ddc13d

#ddc13d Preview

Shades and Tints of #ddc13d

Tones of #ddc13d

Color Blindness Simulator