#ddd522 hex color

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

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

● #ddd522 color description : Bright yellow.

The hexadecimal color #ddd522 has RGB values of R:221, G:213, B:34 and CMYK values of C:0, M:0.04, Y:0.85, K:0.13. Its decimal value is 14538018.

Hex triplet	ddd522	`#ddd522`
RGB Decimal	221, 213, 34	`rgb(221,213,34)`
RGB Percent	86.7, 83.5, 13.3	`rgb(86.7%,83.5%,13.3%)`
CMYK	0, 4, 85, 13
HSL	57.4°, 73.3, 50	`hsl(57.4,73.3%,50%)`
HSV (or HSB)	57.4°, 84.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.483, -14.941, 78.802
XYZ	53.902, 63.077, 10.849
xyY	0.422, 0.493, 63.077
CIE-LCH	83.483, 80.206, 100.736
CIE-LUV	83.483, 11.894, 88.377
Hunter-Lab	79.421, -17.842, 47.496
Binary	11011101, 11010101, 00100010

#ddd522
```
#ddd522 rgb(221,213,34)
```
#222add
```
#222add rgb(34,42,221)
```

Complementary Color

#dd7822
```
#dd7822 rgb(221,120,34)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#88dd22
```
#88dd22 rgb(136,221,34)
```

Analogous Color

#7822dd
```
#7822dd rgb(120,34,221)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#2288dd
```
#2288dd rgb(34,136,221)
```

Split Complementary Color

#d522dd
```
#d522dd rgb(213,34,221)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#22ddd5
```
#22ddd5 rgb(34,221,213)
```

Triadic Color

#dd222a
```
#dd222a rgb(221,34,42)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#22ddd5
```
#22ddd5 rgb(34,221,213)
```
#222add
```
#222add rgb(34,42,221)
```

Tetradic Color

#9b9518
```
#9b9518 rgb(155,149,24)
```
#b1aa1b
```
#b1aa1b rgb(177,170,27)
```
#c7c01f
```
#c7c01f rgb(199,192,31)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#e0d938
```
#e0d938 rgb(224,217,56)
```
#e4dd4e
```
#e4dd4e rgb(228,221,78)
```
#e7e264
```
#e7e264 rgb(231,226,100)
```

Monochromatic Color

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

#dda622
```
#dda622 rgb(221,166,34)
```
#ddb622
```
#ddb622 rgb(221,182,34)
```
#ddc522
```
#ddc522 rgb(221,197,34)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#d5dd22
```
#d5dd22 rgb(213,221,34)
```
#c6dd22
```
#c6dd22 rgb(198,221,34)
```
#b6dd22
```
#b6dd22 rgb(182,221,34)
```

Similar Colors

Text with hexadecimal color #ddd522

This text has a font color of #ddd522.

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

#ddd522 background color

This paragraph has a background color of #ddd522.

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

#ddd522 border color

This element has a border color of #ddd522.

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

CSS codes

.text {color:#ddd522;}

.background {background-color:#ddd522;}

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

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

#111003
```
#111003 rgb(17,16,3)
```
#222105
```
#222105 rgb(34,33,5)
```
#333108
```
#333108 rgb(51,49,8)
```
#44420a
```
#44420a rgb(68,66,10)
```
#55520d
```
#55520d rgb(85,82,13)
```
#666210
```
#666210 rgb(102,98,16)
```
#777312
```
#777312 rgb(119,115,18)
```
#888315
```
#888315 rgb(136,131,21)
```
#999318
```
#999318 rgb(153,147,24)
```
#aaa41a
```
#aaa41a rgb(170,164,26)
```
#bbb41d
```
#bbb41d rgb(187,180,29)
```
#ccc51f
```
#ccc51f rgb(204,197,31)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```

Shade Color Variation

#e0d833
```
#e0d833 rgb(224,216,51)
```
#e2db44
```
#e2db44 rgb(226,219,68)
```
#e5df55
```
#e5df55 rgb(229,223,85)
```
#e7e266
```
#e7e266 rgb(231,226,102)
```
#eae577
```
#eae577 rgb(234,229,119)
```
#ede888
```
#ede888 rgb(237,232,136)
```
#efec99
```
#efec99 rgb(239,236,153)
```
#f2efaa
```
#f2efaa rgb(242,239,170)
```
#f5f2bb
```
#f5f2bb rgb(245,242,187)
```
#f7f5cc
```
#f7f5cc rgb(247,245,204)
```
#faf9dd
```
#faf9dd rgb(250,249,221)
```
#fcfcee
```
#fcfcee rgb(252,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#85847a
```
#85847a rgb(133,132,122)
```
#8f8d70
```
#8f8d70 rgb(143,141,112)
```
#989667
```
#989667 rgb(152,150,103)
```
#a29f5d
```
#a29f5d rgb(162,159,93)
```
#aca853
```
#aca853 rgb(172,168,83)
```
#b6b149
```
#b6b149 rgb(182,177,73)
```
#c0ba3f
```
#c0ba3f rgb(192,186,63)
```
#c9c336
```
#c9c336 rgb(201,195,54)
```
#d3cc2c
```
#d3cc2c rgb(211,204,44)
```
#ddd522
```
#ddd522 rgb(221,213,34)
```
#e7de18
```
#e7de18 rgb(231,222,24)
```
#f1e70e
```
#f1e70e rgb(241,231,14)
```
#faf005
```
#faf005 rgb(250,240,5)
```

Tone Color Variation

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

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

Trichromacy

#e6d328 Protanomaly 1% of men, 0.01% of women
#f2ce4f Deuteranomaly 6% of men, 0.4% of women
#e7cd95 Tritanomaly 0.01% of the population

#ddd522 hex color

#ddd522 Color Information

#ddd522 Color Conversion

Color Schemes with #ddd522

Alternatives to #ddd522

#ddd522 Preview

Shades and Tints of #ddd522

Tones of #ddd522

Color Blindness Simulator