#dd5a22 hex color

In a RGB color space, hex #dd5a22 is composed of 86.7% red, 35.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 84.6% yellow and 13.3% black. It has a hue angle of 18 degrees, a saturation of 73.3% and a lightness of 50%. #dd5a22 color hex could be obtained by blending #ffb444 with #bb0000. Closest websafe color is: #cc6633.

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

● #dd5a22 color description : Bright orange.

The hexadecimal color #dd5a22 has RGB values of R:221, G:90, B:34 and CMYK values of C:0, M:0.59, Y:0.85, K:0.13. Its decimal value is 14506530.

Hex triplet	dd5a22	`#dd5a22`
RGB Decimal	221, 90, 34	`rgb(221,90,34)`
RGB Percent	86.7, 35.3, 13.3	`rgb(86.7%,35.3%,13.3%)`
CMYK	0, 59, 85, 13
HSL	18°, 73.3, 50	`hsl(18,73.3%,50%)`
HSV (or HSB)	18°, 84.6, 86.7
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.869, 48.645, 54.953
XYZ	33.765, 22.804, 4.137
xyY	0.556, 0.376, 22.804
CIE-LCH	54.869, 73.391, 48.484
CIE-LUV	54.869, 107.03, 43.012
Hunter-Lab	47.753, 42.646, 28.291
Binary	11011101, 01011010, 00100010

#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#22a5dd
```
#22a5dd rgb(34,165,221)
```

Complementary Color

#dd2247
```
#dd2247 rgb(221,34,71)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#ddb822
```
#ddb822 rgb(221,184,34)
```

Analogous Color

#2247dd
```
#2247dd rgb(34,71,221)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#22ddb8
```
#22ddb8 rgb(34,221,184)
```

Split Complementary Color

#5a22dd
```
#5a22dd rgb(90,34,221)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#22dd5a
```
#22dd5a rgb(34,221,90)
```

Triadic Color

#dd22a5
```
#dd22a5 rgb(221,34,165)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#22dd5a
```
#22dd5a rgb(34,221,90)
```
#22a5dd
```
#22a5dd rgb(34,165,221)
```

Tetradic Color

#9b3f18
```
#9b3f18 rgb(155,63,24)
```
#b1481b
```
#b1481b rgb(177,72,27)
```
#c7511f
```
#c7511f rgb(199,81,31)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#e06b38
```
#e06b38 rgb(224,107,56)
```
#e47b4e
```
#e47b4e rgb(228,123,78)
```
#e78c64
```
#e78c64 rgb(231,140,100)
```

Monochromatic Color

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

#dd2b22
```
#dd2b22 rgb(221,43,34)
```
#dd3b22
```
#dd3b22 rgb(221,59,34)
```
#dd4a22
```
#dd4a22 rgb(221,74,34)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#dd6a22
```
#dd6a22 rgb(221,106,34)
```
#dd7922
```
#dd7922 rgb(221,121,34)
```
#dd8922
```
#dd8922 rgb(221,137,34)
```

Similar Colors

Text with hexadecimal color #dd5a22

This text has a font color of #dd5a22.

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

#dd5a22 background color

This paragraph has a background color of #dd5a22.

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

#dd5a22 border color

This element has a border color of #dd5a22.

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

CSS codes

.text {color:#dd5a22;}

.background {background-color:#dd5a22;}

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

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

#110703
```
#110703 rgb(17,7,3)
```
#220e05
```
#220e05 rgb(34,14,5)
```
#331508
```
#331508 rgb(51,21,8)
```
#441c0a
```
#441c0a rgb(68,28,10)
```
#55230d
```
#55230d rgb(85,35,13)
```
#662a10
```
#662a10 rgb(102,42,16)
```
#773012
```
#773012 rgb(119,48,18)
```
#883715
```
#883715 rgb(136,55,21)
```
#993e18
```
#993e18 rgb(153,62,24)
```
#aa451a
```
#aa451a rgb(170,69,26)
```
#bb4c1d
```
#bb4c1d rgb(187,76,29)
```
#cc531f
```
#cc531f rgb(204,83,31)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```

Shade Color Variation

#e06733
```
#e06733 rgb(224,103,51)
```
#e27344
```
#e27344 rgb(226,115,68)
```
#e58055
```
#e58055 rgb(229,128,85)
```
#e78d66
```
#e78d66 rgb(231,141,102)
```
#ea9977
```
#ea9977 rgb(234,153,119)
```
#eda688
```
#eda688 rgb(237,166,136)
```
#efb399
```
#efb399 rgb(239,179,153)
```
#f2c0aa
```
#f2c0aa rgb(242,192,170)
```
#f5ccbb
```
#f5ccbb rgb(245,204,187)
```
#f7d9cc
```
#f7d9cc rgb(247,217,204)
```
#fae6dd
```
#fae6dd rgb(250,230,221)
```
#fcf2ee
```
#fcf2ee rgb(252,242,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#857d7a
```
#857d7a rgb(133,125,122)
```
#8f7970
```
#8f7970 rgb(143,121,112)
```
#987667
```
#987667 rgb(152,118,103)
```
#a2725d
```
#a2725d rgb(162,114,93)
```
#ac6e53
```
#ac6e53 rgb(172,110,83)
```
#b66a49
```
#b66a49 rgb(182,106,73)
```
#c0663f
```
#c0663f rgb(192,102,63)
```
#c96236
```
#c96236 rgb(201,98,54)
```
#d35e2c
```
#d35e2c rgb(211,94,44)
```
#dd5a22
```
#dd5a22 rgb(221,90,34)
```
#e75618
```
#e75618 rgb(231,86,24)
```
#f1520e
```
#f1520e rgb(241,82,14)
```
#fa4e05
```
#fa4e05 rgb(250,78,5)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#8f7469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998937 Protanopia 1% of men
#ab831e Deuteranopia 1% of men
#e05d62 Tritanopia 0.001% of the population

Trichromacy

#b1782f Protanomaly 1% of men, 0.01% of women
#bd741f Deuteranomaly 6% of men, 0.4% of women
#df5b4a Tritanomaly 0.01% of the population

#dd5a22 hex color

#dd5a22 Color Information

#dd5a22 Color Conversion

Color Schemes with #dd5a22

Alternatives to #dd5a22

#dd5a22 Preview

Shades and Tints of #dd5a22

Tones of #dd5a22

Color Blindness Simulator