colorhexa.com

#ddc822 hex color

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

- R 87
- G 78
- B 13
RGB color chart
- C 0
- M 10
- Y 85
- K 13
CMYK color chart

● #ddc822 color description : Bright yellow.

The hexadecimal color #ddc822 has RGB values of R:221, G:200, B:34 and CMYK values of C:0, M:0.1, Y:0.85, K:0.13. Its decimal value is 14534690.

Hex triplet	ddc822	`#ddc822`
RGB Decimal	221, 200, 34	`rgb(221,200,34)`
RGB Percent	86.7, 78.4, 13.3	`rgb(86.7%,78.4%,13.3%)`
CMYK	0, 10, 85, 13
HSL	53.3°, 73.3, 50	`hsl(53.3,73.3%,50%)`
HSV (or HSB)	53.3°, 84.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.066, -8.408, 75.993
XYZ	50.762, 56.798, 9.803
xyY	0.433, 0.484, 56.798
CIE-LCH	80.066, 76.457, 96.314
CIE-LUV	80.066, 20.809, 83.331
Hunter-Lab	75.364, -11.657, 45.043
Binary	11011101, 11001000, 00100010

#ddc822
```
#ddc822 rgb(221,200,34)
```
#2237dd
```
#2237dd rgb(34,55,221)
```

Complementary Color

#dd6b22
```
#dd6b22 rgb(221,107,34)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#95dd22
```
#95dd22 rgb(149,221,34)
```

Analogous Color

#6b22dd
```
#6b22dd rgb(107,34,221)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#2295dd
```
#2295dd rgb(34,149,221)
```

Split Complementary Color

#c822dd
```
#c822dd rgb(200,34,221)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#22ddc8
```
#22ddc8 rgb(34,221,200)
```

Triadic Color

#dd2237
```
#dd2237 rgb(221,34,55)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#22ddc8
```
#22ddc8 rgb(34,221,200)
```
#2237dd
```
#2237dd rgb(34,55,221)
```

Tetradic Color

#9b8c18
```
#9b8c18 rgb(155,140,24)
```
#b1a01b
```
#b1a01b rgb(177,160,27)
```
#c7b41f
```
#c7b41f rgb(199,180,31)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#e0ce38
```
#e0ce38 rgb(224,206,56)
```
#e4d34e
```
#e4d34e rgb(228,211,78)
```
#e7d964
```
#e7d964 rgb(231,217,100)
```

Monochromatic Color

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

#dd9922
```
#dd9922 rgb(221,153,34)
```
#dda922
```
#dda922 rgb(221,169,34)
```
#ddb822
```
#ddb822 rgb(221,184,34)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#ddd822
```
#ddd822 rgb(221,216,34)
```
#d3dd22
```
#d3dd22 rgb(211,221,34)
```
#c3dd22
```
#c3dd22 rgb(195,221,34)
```

Similar Colors

Text with hexadecimal color #ddc822

This text has a font color of #ddc822.

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

#ddc822 background color

This paragraph has a background color of #ddc822.

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

#ddc822 border color

This element has a border color of #ddc822.

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

CSS codes

.text {color:#ddc822;}

.background {background-color:#ddc822;}

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

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

#110f03
```
#110f03 rgb(17,15,3)
```
#221f05
```
#221f05 rgb(34,31,5)
```
#332e08
```
#332e08 rgb(51,46,8)
```
#443e0a
```
#443e0a rgb(68,62,10)
```
#554d0d
```
#554d0d rgb(85,77,13)
```
#665c10
```
#665c10 rgb(102,92,16)
```
#776c12
```
#776c12 rgb(119,108,18)
```
#887b15
```
#887b15 rgb(136,123,21)
```
#998a18
```
#998a18 rgb(153,138,24)
```
#aa9a1a
```
#aa9a1a rgb(170,154,26)
```
#bba91d
```
#bba91d rgb(187,169,29)
```
#ccb91f
```
#ccb91f rgb(204,185,31)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```

Shade Color Variation

#e0cc33
```
#e0cc33 rgb(224,204,51)
```
#e2d044
```
#e2d044 rgb(226,208,68)
```
#e5d555
```
#e5d555 rgb(229,213,85)
```
#e7d966
```
#e7d966 rgb(231,217,102)
```
#eadd77
```
#eadd77 rgb(234,221,119)
```
#ede188
```
#ede188 rgb(237,225,136)
```
#efe699
```
#efe699 rgb(239,230,153)
```
#f2eaaa
```
#f2eaaa rgb(242,234,170)
```
#f5eebb
```
#f5eebb rgb(245,238,187)
```
#f7f2cc
```
#f7f2cc rgb(247,242,204)
```
#faf7dd
```
#faf7dd rgb(250,247,221)
```
#fcfbee
```
#fcfbee rgb(252,251,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 #fadf05 is the most saturated one.

#85847a
```
#85847a rgb(133,132,122)
```
#8f8b70
```
#8f8b70 rgb(143,139,112)
```
#989367
```
#989367 rgb(152,147,103)
```
#a29a5d
```
#a29a5d rgb(162,154,93)
```
#aca253
```
#aca253 rgb(172,162,83)
```
#b6aa49
```
#b6aa49 rgb(182,170,73)
```
#c0b13f
```
#c0b13f rgb(192,177,63)
```
#c9b936
```
#c9b936 rgb(201,185,54)
```
#d3c02c
```
#d3c02c rgb(211,192,44)
```
#ddc822
```
#ddc822 rgb(221,200,34)
```
#e7d018
```
#e7d018 rgb(231,208,24)
```
#f1d70e
```
#f1d70e rgb(241,215,14)
```
#fadf05
```
#fadf05 rgb(250,223,5)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c2be9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c92d Protanopia 1% of men
#fbbf35 Deuteranopia 1% of men
#eabdca Tritanopia 0.001% of the population

Trichromacy

#dfc929 Protanomaly 1% of men, 0.01% of women
#f0c22e Deuteranomaly 6% of men, 0.4% of women
#e5c18d Tritanomaly 0.01% of the population