#ddd524 hex color

In a RGB color space, hex #ddd524 is composed of 86.7% red, 83.5% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.6% magenta, 83.7% yellow and 13.3% black. It has a hue angle of 57.4 degrees, a saturation of 73.1% and a lightness of 50.4%. #ddd524 color hex could be obtained by blending #ffff48 with #bbab00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 84
- B 14
RGB color chart
- C 0
- M 4
- Y 84
- K 13
CMYK color chart

● #ddd524 color description : Bright yellow.

The hexadecimal color #ddd524 has RGB values of R:221, G:213, B:36 and CMYK values of C:0, M:0.04, Y:0.84, K:0.13. Its decimal value is 14538020.

Hex triplet	ddd524	`#ddd524`
RGB Decimal	221, 213, 36	`rgb(221,213,36)`
RGB Percent	86.7, 83.5, 14.1	`rgb(86.7%,83.5%,14.1%)`
CMYK	0, 4, 84, 13
HSL	57.4°, 73.1, 50.4	`hsl(57.4,73.1%,50.4%)`
HSV (or HSB)	57.4°, 83.7, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.489, -14.892, 78.369
XYZ	53.932, 63.089, 11.006
xyY	0.421, 0.493, 63.089
CIE-LCH	83.489, 79.772, 100.759
CIE-LUV	83.489, 11.871, 88.104
Hunter-Lab	79.429, -17.8, 47.385
Binary	11011101, 11010101, 00100100

#ddd524
```
#ddd524 rgb(221,213,36)
```
#242cdd
```
#242cdd rgb(36,44,221)
```

Complementary Color

#dd7924
```
#dd7924 rgb(221,121,36)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#89dd24
```
#89dd24 rgb(137,221,36)
```

Analogous Color

#7924dd
```
#7924dd rgb(121,36,221)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#2489dd
```
#2489dd rgb(36,137,221)
```

Split Complementary Color

#d524dd
```
#d524dd rgb(213,36,221)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#24ddd5
```
#24ddd5 rgb(36,221,213)
```

Triadic Color

#dd242c
```
#dd242c rgb(221,36,44)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#24ddd5
```
#24ddd5 rgb(36,221,213)
```
#242cdd
```
#242cdd rgb(36,44,221)
```

Tetradic Color

#9c9718
```
#9c9718 rgb(156,151,24)
```
#b2ac1c
```
#b2ac1c rgb(178,172,28)
```
#c8c11f
```
#c8c11f rgb(200,193,31)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#e0d93a
```
#e0d93a rgb(224,217,58)
```
#e4dd50
```
#e4dd50 rgb(228,221,80)
```
#e7e266
```
#e7e266 rgb(231,226,102)
```

Monochromatic Color

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

#dda724
```
#dda724 rgb(221,167,36)
```
#ddb624
```
#ddb624 rgb(221,182,36)
```
#ddc624
```
#ddc624 rgb(221,198,36)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#d6dd24
```
#d6dd24 rgb(214,221,36)
```
#c6dd24
```
#c6dd24 rgb(198,221,36)
```
#b7dd24
```
#b7dd24 rgb(183,221,36)
```

Similar Colors

Text with hexadecimal color #ddd524

This text has a font color of #ddd524.

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

#ddd524 background color

This paragraph has a background color of #ddd524.

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

#ddd524 border color

This element has a border color of #ddd524.

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

CSS codes

.text {color:#ddd524;}

.background {background-color:#ddd524;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131203
```
#131203 rgb(19,18,3)
```
#242206
```
#242206 rgb(36,34,6)
```
#353308
```
#353308 rgb(53,51,8)
```
#46430b
```
#46430b rgb(70,67,11)
```
#57530d
```
#57530d rgb(87,83,13)
```
#686410
```
#686410 rgb(104,100,16)
```
#797413
```
#797413 rgb(121,116,19)
```
#8a8515
```
#8a8515 rgb(138,133,21)
```
#9b9518
```
#9b9518 rgb(155,149,24)
```
#aca51b
```
#aca51b rgb(172,165,27)
```
#bdb61d
```
#bdb61d rgb(189,182,29)
```
#cdc620
```
#cdc620 rgb(205,198,32)
```

Shade Color Variation

#ddd524
```
#ddd524 rgb(221,213,36)
```
#e0d835
```
#e0d835 rgb(224,216,53)
```
#e2dc46
```
#e2dc46 rgb(226,220,70)
```
#e5df57
```
#e5df57 rgb(229,223,87)
```
#e8e268
```
#e8e268 rgb(232,226,104)
```
#eae579
```
#eae579 rgb(234,229,121)
```
#ede98a
```
#ede98a rgb(237,233,138)
```
#efec9b
```
#efec9b rgb(239,236,155)
```
#f2efac
```
#f2efac rgb(242,239,172)
```
#f5f2bd
```
#f5f2bd rgb(245,242,189)
```
#f7f6ce
```
#f7f6ce rgb(247,246,206)
```
#faf9df
```
#faf9df rgb(250,249,223)
```
#fdfcf0
```
#fdfcf0 rgb(253,252,240)
```

Tint Color Variation

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

#85857c
```
#85857c rgb(133,133,124)
```
#8f8e72
```
#8f8e72 rgb(143,142,114)
```
#999768
```
#999768 rgb(153,151,104)
```
#a3a05e
```
#a3a05e rgb(163,160,94)
```
#aca955
```
#aca955 rgb(172,169,85)
```
#b6b14b
```
#b6b14b rgb(182,177,75)
```
#c0ba41
```
#c0ba41 rgb(192,186,65)
```
#cac337
```
#cac337 rgb(202,195,55)
```
#d3cc2e
```
#d3cc2e rgb(211,204,46)
```
#ddd524
```
#ddd524 rgb(221,213,36)
```
#e7de1a
```
#e7de1a rgb(231,222,26)
```
#f0e711
```
#f0e711 rgb(240,231,17)
```
#faf007
```
#faf007 rgb(250,240,7)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c8c7a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd22e Protanopia 1% of men
#ffca6a Deuteranopia 1% of men
#ecc9d7 Tritanopia 0.001% of the population

Trichromacy

#e6d32a Protanomaly 1% of men, 0.01% of women
#f2ce50 Deuteranomaly 6% of men, 0.4% of women
#e7cd96 Tritanomaly 0.01% of the population

#ddd524 hex color

#ddd524 Color Information

#ddd524 Color Conversion

Color Schemes with #ddd524

Alternatives to #ddd524

#ddd524 Preview

Shades and Tints of #ddd524

Tones of #ddd524

Color Blindness Simulator