#ddc504 hex color

In a RGB color space, hex #ddc504 is composed of 86.7% red, 77.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 98.2% yellow and 13.3% black. It has a hue angle of 53.4 degrees, a saturation of 96.4% and a lightness of 44.1%. #ddc504 color hex could be obtained by blending #ffff08 with #bb8b00. Closest websafe color is: #cccc00.

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

● #ddc504 color description : Vivid yellow.

The hexadecimal color #ddc504 has RGB values of R:221, G:197, B:4 and CMYK values of C:0, M:0.11, Y:0.98, K:0.13. Its decimal value is 14533892.

Hex triplet	ddc504	`#ddc504`
RGB Decimal	221, 197, 4	`rgb(221,197,4)`
RGB Percent	86.7, 77.3, 1.6	`rgb(86.7%,77.3%,1.6%)`
CMYK	0, 11, 98, 13
HSL	53.4°, 96.4, 44.1	`hsl(53.4,96.4%,44.1%)`
HSV (or HSB)	53.4°, 98.2, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	79.222, -7.333, 79.826
XYZ	49.808, 55.315, 8.168
xyY	0.44, 0.488, 55.315
CIE-LCH	79.222, 80.162, 95.248
CIE-LUV	79.222, 23.212, 84.805
Hunter-Lab	74.374, -10.615, 45.55
Binary	11011101, 11000101, 00000100

#ddc504
```
#ddc504 rgb(221,197,4)
```
#041cdd
```
#041cdd rgb(4,28,221)
```

Complementary Color

#dd5904
```
#dd5904 rgb(221,89,4)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#89dd04
```
#89dd04 rgb(137,221,4)
```

Analogous Color

#5904dd
```
#5904dd rgb(89,4,221)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#0489dd
```
#0489dd rgb(4,137,221)
```

Split Complementary Color

#c504dd
```
#c504dd rgb(197,4,221)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#04ddc5
```
#04ddc5 rgb(4,221,197)
```

Triadic Color

#dd041c
```
#dd041c rgb(221,4,28)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#04ddc5
```
#04ddc5 rgb(4,221,197)
```
#041cdd
```
#041cdd rgb(4,28,221)
```

Tetradic Color

#928203
```
#928203 rgb(146,130,3)
```
#ab9803
```
#ab9803 rgb(171,152,3)
```
#c4af04
```
#c4af04 rgb(196,175,4)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#f6db04
```
#f6db04 rgb(246,219,4)
```
#fbe219
```
#fbe219 rgb(251,226,25)
```
#fbe532
```
#fbe532 rgb(251,229,50)
```

Monochromatic Color

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

#dd8f04
```
#dd8f04 rgb(221,143,4)
```
#dda104
```
#dda104 rgb(221,161,4)
```
#ddb304
```
#ddb304 rgb(221,179,4)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#ddd704
```
#ddd704 rgb(221,215,4)
```
#d1dd04
```
#d1dd04 rgb(209,221,4)
```
#bfdd04
```
#bfdd04 rgb(191,221,4)
```

Similar Colors

Text with hexadecimal color #ddc504

This text has a font color of #ddc504.

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

#ddc504 background color

This paragraph has a background color of #ddc504.

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

#ddc504 border color

This element has a border color of #ddc504.

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

CSS codes

.text {color:#ddc504;}

.background {background-color:#ddc504;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1c1901
```
#1c1901 rgb(28,25,1)
```
#302a01
```
#302a01 rgb(48,42,1)
```
#433c01
```
#433c01 rgb(67,60,1)
```
#564d02
```
#564d02 rgb(86,77,2)
```
#695e02
```
#695e02 rgb(105,94,2)
```
#7d6f02
```
#7d6f02 rgb(125,111,2)
```
#908003
```
#908003 rgb(144,128,3)
```
#a39103
```
#a39103 rgb(163,145,3)
```
#b6a303
```
#b6a303 rgb(182,163,3)
```
#cab404
```
#cab404 rgb(202,180,4)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```
#f0d604
```
#f0d604 rgb(240,214,4)
```

Shade Color Variation

#fbe00e
```
#fbe00e rgb(251,224,14)
```
#fbe321
```
#fbe321 rgb(251,227,33)
```
#fbe534
```
#fbe534 rgb(251,229,52)
```
#fce847
```
#fce847 rgb(252,232,71)
```
#fcea5b
```
#fcea5b rgb(252,234,91)
```
#fced6e
```
#fced6e rgb(252,237,110)
```
#fdef81
```
#fdef81 rgb(253,239,129)
```
#fdf294
```
#fdf294 rgb(253,242,148)
```
#fdf4a8
```
#fdf4a8 rgb(253,244,168)
```
#fef6bb
```
#fef6bb rgb(254,246,187)
```
#fef9ce
```
#fef9ce rgb(254,249,206)
```
#fefbe2
```
#fefbe2 rgb(254,251,226)
```
#fffef5
```
#fffef5 rgb(255,254,245)
```

Tint Color Variation

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

#75746c
```
#75746c rgb(117,116,108)
```
#7e7b63
```
#7e7b63 rgb(126,123,99)
```
#86825b
```
#86825b rgb(134,130,91)
```
#8f8852
```
#8f8852 rgb(143,136,82)
```
#988f49
```
#988f49 rgb(152,143,73)
```
#a09641
```
#a09641 rgb(160,150,65)
```
#a99d38
```
#a99d38 rgb(169,157,56)
```
#b2a32f
```
#b2a32f rgb(178,163,47)
```
#baaa27
```
#baaa27 rgb(186,170,39)
```
#c3b11e
```
#c3b11e rgb(195,177,30)
```
#ccb815
```
#ccb815 rgb(204,184,21)
```
#d4be0d
```
#d4be0d rgb(212,190,13)
```
#ddc504
```
#ddc504 rgb(221,197,4)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc70f Protanopia 1% of men
#f9bd21 Deuteranopia 1% of men
#eabac7 Tritanopia 0.001% of the population

Trichromacy

#dec60b Protanomaly 1% of men, 0.01% of women
#eec016 Deuteranomaly 6% of men, 0.4% of women
#e5be80 Tritanomaly 0.01% of the population

#ddc504 hex color

#ddc504 Color Information

#ddc504 Color Conversion

Color Schemes with #ddc504

Alternatives to #ddc504

#ddc504 Preview

Shades and Tints of #ddc504

Tones of #ddc504

Color Blindness Simulator