#dd5a18 hex color

In a RGB color space, hex #dd5a18 is composed of 86.7% red, 35.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 89.1% yellow and 13.3% black. It has a hue angle of 20.1 degrees, a saturation of 80.4% and a lightness of 48%. #dd5a18 color hex could be obtained by blending #ffb430 with #bb0000. Closest websafe color is: #cc6600.

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

● #dd5a18 color description : Vivid orange.

The hexadecimal color #dd5a18 has RGB values of R:221, G:90, B:24 and CMYK values of C:0, M:0.59, Y:0.89, K:0.13. Its decimal value is 14506520.

Hex triplet	dd5a18	`#dd5a18`
RGB Decimal	221, 90, 24	`rgb(221,90,24)`
RGB Percent	86.7, 35.3, 9.4	`rgb(86.7%,35.3%,9.4%)`
CMYK	0, 59, 89, 13
HSL	20.1°, 80.4, 48	`hsl(20.1,80.4%,48%)`
HSV (or HSB)	20.1°, 89.1, 86.7
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.818, 48.433, 58.602
XYZ	33.641, 22.754, 3.485
xyY	0.562, 0.38, 22.754
CIE-LCH	54.818, 76.026, 50.427
CIE-LUV	54.818, 107.83, 44.908
Hunter-Lab	47.701, 42.41, 29.06
Binary	11011101, 01011010, 00011000

#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#189bdd
```
#189bdd rgb(24,155,221)
```

Complementary Color

#dd1838
```
#dd1838 rgb(221,24,56)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#ddbd18
```
#ddbd18 rgb(221,189,24)
```

Analogous Color

#1838dd
```
#1838dd rgb(24,56,221)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#18ddbd
```
#18ddbd rgb(24,221,189)
```

Split Complementary Color

#5a18dd
```
#5a18dd rgb(90,24,221)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#18dd5a
```
#18dd5a rgb(24,221,90)
```

Triadic Color

#dd189b
```
#dd189b rgb(221,24,155)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#18dd5a
```
#18dd5a rgb(24,221,90)
```
#189bdd
```
#189bdd rgb(24,155,221)
```

Tetradic Color

#983e11
```
#983e11 rgb(152,62,17)
```
#af4713
```
#af4713 rgb(175,71,19)
```
#c65116
```
#c65116 rgb(198,81,22)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#e86727
```
#e86727 rgb(232,103,39)
```
#ea783e
```
#ea783e rgb(234,120,62)
```
#ed8855
```
#ed8855 rgb(237,136,85)
```

Monochromatic Color

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

#dd2918
```
#dd2918 rgb(221,41,24)
```
#dd3918
```
#dd3918 rgb(221,57,24)
```
#dd4a18
```
#dd4a18 rgb(221,74,24)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#dd6a18
```
#dd6a18 rgb(221,106,24)
```
#dd7b18
```
#dd7b18 rgb(221,123,24)
```
#dd8b18
```
#dd8b18 rgb(221,139,24)
```

Similar Colors

Text with hexadecimal color #dd5a18

This text has a font color of #dd5a18.

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

#dd5a18 background color

This paragraph has a background color of #dd5a18.

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

#dd5a18 border color

This element has a border color of #dd5a18.

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

CSS codes

.text {color:#dd5a18;}

.background {background-color:#dd5a18;}

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

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

#090401
```
#090401 rgb(9,4,1)
```
#1a0b03
```
#1a0b03 rgb(26,11,3)
```
#2c1205
```
#2c1205 rgb(44,18,5)
```
#3e1907
```
#3e1907 rgb(62,25,7)
```
#4f2009
```
#4f2009 rgb(79,32,9)
```
#61280b
```
#61280b rgb(97,40,11)
```
#732f0c
```
#732f0c rgb(115,47,12)
```
#85360e
```
#85360e rgb(133,54,14)
```
#963d10
```
#963d10 rgb(150,61,16)
```
#a84412
```
#a84412 rgb(168,68,18)
```
#ba4c14
```
#ba4c14 rgb(186,76,20)
```
#cb5316
```
#cb5316 rgb(203,83,22)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```

Shade Color Variation

#e76422
```
#e76422 rgb(231,100,34)
```
#e97033
```
#e97033 rgb(233,112,51)
```
#eb7d45
```
#eb7d45 rgb(235,125,69)
```
#ed8957
```
#ed8957 rgb(237,137,87)
```
#ef9568
```
#ef9568 rgb(239,149,104)
```
#f1a27a
```
#f1a27a rgb(241,162,122)
```
#f2ae8c
```
#f2ae8c rgb(242,174,140)
```
#f4bb9e
```
#f4bb9e rgb(244,187,158)
```
#f6c7af
```
#f6c7af rgb(246,199,175)
```
#f8d3c1
```
#f8d3c1 rgb(248,211,193)
```
#fae0d3
```
#fae0d3 rgb(250,224,211)
```
#fcece4
```
#fcece4 rgb(252,236,228)
```
#fef9f6
```
#fef9f6 rgb(254,249,246)
```

Tint Color Variation

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

#7f7976
```
#7f7976 rgb(127,121,118)
```
#88766d
```
#88766d rgb(136,118,109)
```
#927363
```
#927363 rgb(146,115,99)
```
#9b705a
```
#9b705a rgb(155,112,90)
```
#a46d51
```
#a46d51 rgb(164,109,81)
```
#ae6a47
```
#ae6a47 rgb(174,106,71)
```
#b7663e
```
#b7663e rgb(183,102,62)
```
#c16334
```
#c16334 rgb(193,99,52)
```
#ca602b
```
#ca602b rgb(202,96,43)
```
#d45d21
```
#d45d21 rgb(212,93,33)
```
#dd5a18
```
#dd5a18 rgb(221,90,24)
```
#e6570f
```
#e6570f rgb(230,87,15)
```
#f05405
```
#f05405 rgb(240,84,5)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8e7466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99892d Protanopia 1% of men
#ac8203 Deuteranopia 1% of men
#e05c61 Tritanopia 0.001% of the population

Trichromacy

#b27825 Protanomaly 1% of men, 0.01% of women
#be740b Deuteranomaly 6% of men, 0.4% of women
#df5b47 Tritanomaly 0.01% of the population

#dd5a18 hex color

#dd5a18 Color Information

#dd5a18 Color Conversion

Color Schemes with #dd5a18

Alternatives to #dd5a18

#dd5a18 Preview

Shades and Tints of #dd5a18

Tones of #dd5a18

Color Blindness Simulator