#dd9522 hex color

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

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

● #dd9522 color description : Bright orange.

The hexadecimal color #dd9522 has RGB values of R:221, G:149, B:34 and CMYK values of C:0, M:0.33, Y:0.85, K:0.13. Its decimal value is 14521634.

Hex triplet	dd9522	`#dd9522`
RGB Decimal	221, 149, 34	`rgb(221,149,34)`
RGB Percent	86.7, 58.4, 13.3	`rgb(86.7%,58.4%,13.3%)`
CMYK	0, 33, 85, 13
HSL	36.9°, 73.3, 50	`hsl(36.9,73.3%,50%)`
HSV (or HSB)	36.9°, 84.6, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.266, 18.443, 65.395
XYZ	40.856, 36.985, 6.5
xyY	0.484, 0.439, 36.985
CIE-LCH	67.266, 67.946, 74.25
CIE-LUV	67.266, 59.316, 63.653
Hunter-Lab	60.816, 13.49, 36.233
Binary	11011101, 10010101, 00100010

#dd9522
```
#dd9522 rgb(221,149,34)
```
#226add
```
#226add rgb(34,106,221)
```

Complementary Color

#dd3722
```
#dd3722 rgb(221,55,34)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#c8dd22
```
#c8dd22 rgb(200,221,34)
```

Analogous Color

#3822dd
```
#3822dd rgb(56,34,221)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#22c8dd
```
#22c8dd rgb(34,200,221)
```

Split Complementary Color

#9522dd
```
#9522dd rgb(149,34,221)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#22dd95
```
#22dd95 rgb(34,221,149)
```

Triadic Color

#dd226a
```
#dd226a rgb(221,34,106)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#22dd95
```
#22dd95 rgb(34,221,149)
```
#226add
```
#226add rgb(34,106,221)
```

Tetradic Color

#9b6818
```
#9b6818 rgb(155,104,24)
```
#b1771b
```
#b1771b rgb(177,119,27)
```
#c7861f
```
#c7861f rgb(199,134,31)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#e0a038
```
#e0a038 rgb(224,160,56)
```
#e4aa4e
```
#e4aa4e rgb(228,170,78)
```
#e7b564
```
#e7b564 rgb(231,181,100)
```

Monochromatic Color

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

#dd6622
```
#dd6622 rgb(221,102,34)
```
#dd7622
```
#dd7622 rgb(221,118,34)
```
#dd8522
```
#dd8522 rgb(221,133,34)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#dda522
```
#dda522 rgb(221,165,34)
```
#ddb422
```
#ddb422 rgb(221,180,34)
```
#ddc422
```
#ddc422 rgb(221,196,34)
```

Similar Colors

Text with hexadecimal color #dd9522

This text has a font color of #dd9522.

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

#dd9522 background color

This paragraph has a background color of #dd9522.

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

#dd9522 border color

This element has a border color of #dd9522.

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

CSS codes

.text {color:#dd9522;}

.background {background-color:#dd9522;}

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

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

#110b03
```
#110b03 rgb(17,11,3)
```
#221705
```
#221705 rgb(34,23,5)
```
#332208
```
#332208 rgb(51,34,8)
```
#442e0a
```
#442e0a rgb(68,46,10)
```
#55390d
```
#55390d rgb(85,57,13)
```
#664510
```
#664510 rgb(102,69,16)
```
#775012
```
#775012 rgb(119,80,18)
```
#885c15
```
#885c15 rgb(136,92,21)
```
#996718
```
#996718 rgb(153,103,24)
```
#aa731a
```
#aa731a rgb(170,115,26)
```
#bb7e1d
```
#bb7e1d rgb(187,126,29)
```
#cc8a1f
```
#cc8a1f rgb(204,138,31)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```

Shade Color Variation

#e09d33
```
#e09d33 rgb(224,157,51)
```
#e2a544
```
#e2a544 rgb(226,165,68)
```
#e5ad55
```
#e5ad55 rgb(229,173,85)
```
#e7b666
```
#e7b666 rgb(231,182,102)
```
#eabe77
```
#eabe77 rgb(234,190,119)
```
#edc688
```
#edc688 rgb(237,198,136)
```
#efce99
```
#efce99 rgb(239,206,153)
```
#f2d6aa
```
#f2d6aa rgb(242,214,170)
```
#f5debb
```
#f5debb rgb(245,222,187)
```
#f7e7cc
```
#f7e7cc rgb(247,231,204)
```
#faefdd
```
#faefdd rgb(250,239,221)
```
#fcf7ee
```
#fcf7ee rgb(252,247,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#85817a
```
#85817a rgb(133,129,122)
```
#8f8370
```
#8f8370 rgb(143,131,112)
```
#988567
```
#988567 rgb(152,133,103)
```
#a2875d
```
#a2875d rgb(162,135,93)
```
#ac8a53
```
#ac8a53 rgb(172,138,83)
```
#b68c49
```
#b68c49 rgb(182,140,73)
```
#c08e3f
```
#c08e3f rgb(192,142,63)
```
#c99036
```
#c99036 rgb(201,144,54)
```
#d3932c
```
#d3932c rgb(211,147,44)
```
#dd9522
```
#dd9522 rgb(221,149,34)
```
#e79718
```
#e79718 rgb(231,151,24)
```
#f19a0e
```
#f19a0e rgb(241,154,14)
```
#fa9c05
```
#fa9c05 rgb(250,156,5)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#aa9b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca831 Protanopia 1% of men
#d2a029 Deuteranopia 1% of men
#e5909a Tritanopia 0.001% of the population

Trichromacy

#c8a12b Protanomaly 1% of men, 0.01% of women
#d69c27 Deuteranomaly 6% of men, 0.4% of women
#e2926e Tritanomaly 0.01% of the population

#dd9522 hex color

#dd9522 Color Information

#dd9522 Color Conversion

Color Schemes with #dd9522

Alternatives to #dd9522

#dd9522 Preview

Shades and Tints of #dd9522

Tones of #dd9522

Color Blindness Simulator