#ddd822 hex color

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

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

● #ddd822 color description : Bright yellow.

The hexadecimal color #ddd822 has RGB values of R:221, G:216, B:34 and CMYK values of C:0, M:0.02, Y:0.85, K:0.13. Its decimal value is 14538786.

Hex triplet	ddd822	`#ddd822`
RGB Decimal	221, 216, 34	`rgb(221,216,34)`
RGB Percent	86.7, 84.7, 13.3	`rgb(86.7%,84.7%,13.3%)`
CMYK	0, 2, 85, 13
HSL	58.4°, 73.3, 50	`hsl(58.4,73.3%,50%)`
HSV (or HSB)	58.4°, 84.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.277, -16.425, 79.454
XYZ	54.664, 64.601, 11.103
xyY	0.419, 0.496, 64.601
CIE-LCH	84.277, 81.134, 101.68
CIE-LUV	84.277, 9.89, 89.539
Hunter-Lab	80.374, -19.255, 48.072
Binary	11011101, 11011000, 00100010

#ddd822
```
#ddd822 rgb(221,216,34)
```
#2227dd
```
#2227dd rgb(34,39,221)
```

Complementary Color

#dd7b22
```
#dd7b22 rgb(221,123,34)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#85dd22
```
#85dd22 rgb(133,221,34)
```

Analogous Color

#7b22dd
```
#7b22dd rgb(123,34,221)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#2285dd
```
#2285dd rgb(34,133,221)
```

Split Complementary Color

#d822dd
```
#d822dd rgb(216,34,221)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#22ddd8
```
#22ddd8 rgb(34,221,216)
```

Triadic Color

#dd2227
```
#dd2227 rgb(221,34,39)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#22ddd8
```
#22ddd8 rgb(34,221,216)
```
#2227dd
```
#2227dd rgb(34,39,221)
```

Tetradic Color

#9b9718
```
#9b9718 rgb(155,151,24)
```
#b1ad1b
```
#b1ad1b rgb(177,173,27)
```
#c7c21f
```
#c7c21f rgb(199,194,31)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#e0dc38
```
#e0dc38 rgb(224,220,56)
```
#e4e04e
```
#e4e04e rgb(228,224,78)
```
#e7e464
```
#e7e464 rgb(231,228,100)
```

Monochromatic Color

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

#dda922
```
#dda922 rgb(221,169,34)
```
#ddb922
```
#ddb922 rgb(221,185,34)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#d2dd22
```
#d2dd22 rgb(210,221,34)
```
#c3dd22
```
#c3dd22 rgb(195,221,34)
```
#b3dd22
```
#b3dd22 rgb(179,221,34)
```

Similar Colors

Text with hexadecimal color #ddd822

This text has a font color of #ddd822.

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

#ddd822 background color

This paragraph has a background color of #ddd822.

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

#ddd822 border color

This element has a border color of #ddd822.

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

CSS codes

.text {color:#ddd822;}

.background {background-color:#ddd822;}

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

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

#111103
```
#111103 rgb(17,17,3)
```
#222105
```
#222105 rgb(34,33,5)
```
#333208
```
#333208 rgb(51,50,8)
```
#44420a
```
#44420a rgb(68,66,10)
```
#55530d
```
#55530d rgb(85,83,13)
```
#666410
```
#666410 rgb(102,100,16)
```
#777412
```
#777412 rgb(119,116,18)
```
#888515
```
#888515 rgb(136,133,21)
```
#999618
```
#999618 rgb(153,150,24)
```
#aaa61a
```
#aaa61a rgb(170,166,26)
```
#bbb71d
```
#bbb71d rgb(187,183,29)
```
#ccc71f
```
#ccc71f rgb(204,199,31)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```

Shade Color Variation

#e0db33
```
#e0db33 rgb(224,219,51)
```
#e2de44
```
#e2de44 rgb(226,222,68)
```
#e5e155
```
#e5e155 rgb(229,225,85)
```
#e7e466
```
#e7e466 rgb(231,228,102)
```
#eae777
```
#eae777 rgb(234,231,119)
```
#edea88
```
#edea88 rgb(237,234,136)
```
#efed99
```
#efed99 rgb(239,237,153)
```
#f2f0aa
```
#f2f0aa rgb(242,240,170)
```
#f5f3bb
```
#f5f3bb rgb(245,243,187)
```
#f7f6cc
```
#f7f6cc rgb(247,246,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 #faf405 is the most saturated one.

#85847a
```
#85847a rgb(133,132,122)
```
#8f8e70
```
#8f8e70 rgb(143,142,112)
```
#989767
```
#989767 rgb(152,151,103)
```
#a2a05d
```
#a2a05d rgb(162,160,93)
```
#acaa53
```
#acaa53 rgb(172,170,83)
```
#b6b349
```
#b6b349 rgb(182,179,73)
```
#c0bc3f
```
#c0bc3f rgb(192,188,63)
```
#c9c536
```
#c9c536 rgb(201,197,54)
```
#d3cf2c
```
#d3cf2c rgb(211,207,44)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#e7e118
```
#e7e118 rgb(231,225,24)
```
#f1eb0e
```
#f1eb0e rgb(241,235,14)
```
#faf405
```
#faf405 rgb(250,244,5)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cac9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed52c Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#edcbda Tritanopia 0.001% of the population

Trichromacy

#e7d628 Protanomaly 1% of men, 0.01% of women
#f2d057 Deuteranomaly 6% of men, 0.4% of women
#e7d097 Tritanomaly 0.01% of the population

#ddd822 hex color

#ddd822 Color Information

#ddd822 Color Conversion

Color Schemes with #ddd822

Alternatives to #ddd822

#ddd822 Preview

Shades and Tints of #ddd822

Tones of #ddd822

Color Blindness Simulator