#dd4504 hex color

In a RGB color space, hex #dd4504 is composed of 86.7% red, 27.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 98.2% yellow and 13.3% black. It has a hue angle of 18 degrees, a saturation of 96.4% and a lightness of 44.1%. #dd4504 color hex could be obtained by blending #ff8a08 with #bb0000. Closest websafe color is: #cc3300.

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

● #dd4504 color description : Vivid orange.

The hexadecimal color #dd4504 has RGB values of R:221, G:69, B:4 and CMYK values of C:0, M:0.69, Y:0.98, K:0.13. Its decimal value is 14501124.

Hex triplet	dd4504	`#dd4504`
RGB Decimal	221, 69, 4	`rgb(221,69,4)`
RGB Percent	86.7, 27.1, 1.6	`rgb(86.7%,27.1%,1.6%)`
CMYK	0, 69, 98, 13
HSL	18°, 96.4, 44.1	`hsl(18,96.4%,44.1%)`
HSV (or HSB)	18°, 98.2, 86.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	51.429, 57.087, 61.598
XYZ	31.97, 19.641, 2.223
xyY	0.594, 0.365, 19.641
CIE-LCH	51.429, 83.983, 47.177
CIE-LUV	51.429, 124.287, 41.517
Hunter-Lab	44.318, 51.211, 28.049
Binary	11011101, 01000101, 00000100

#dd4504
```
#dd4504 rgb(221,69,4)
```
#049cdd
```
#049cdd rgb(4,156,221)
```

Complementary Color

#dd042f
```
#dd042f rgb(221,4,47)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#ddb204
```
#ddb204 rgb(221,178,4)
```

Analogous Color

#042fdd
```
#042fdd rgb(4,47,221)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#04ddb2
```
#04ddb2 rgb(4,221,178)
```

Split Complementary Color

#4504dd
```
#4504dd rgb(69,4,221)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#04dd45
```
#04dd45 rgb(4,221,69)
```

Triadic Color

#dd049c
```
#dd049c rgb(221,4,156)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#04dd45
```
#04dd45 rgb(4,221,69)
```
#049cdd
```
#049cdd rgb(4,156,221)
```

Tetradic Color

#922e03
```
#922e03 rgb(146,46,3)
```
#ab3503
```
#ab3503 rgb(171,53,3)
```
#c43d04
```
#c43d04 rgb(196,61,4)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#f64d04
```
#f64d04 rgb(246,77,4)
```
#fb5d19
```
#fb5d19 rgb(251,93,25)
```
#fb6e32
```
#fb6e32 rgb(251,110,50)
```

Monochromatic Color

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

#dd0f04
```
#dd0f04 rgb(221,15,4)
```
#dd2104
```
#dd2104 rgb(221,33,4)
```
#dd3304
```
#dd3304 rgb(221,51,4)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#dd5704
```
#dd5704 rgb(221,87,4)
```
#dd6904
```
#dd6904 rgb(221,105,4)
```
#dd7b04
```
#dd7b04 rgb(221,123,4)
```

Similar Colors

Text with hexadecimal color #dd4504

This text has a font color of #dd4504.

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

#dd4504 background color

This paragraph has a background color of #dd4504.

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

#dd4504 border color

This element has a border color of #dd4504.

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

CSS codes

.text {color:#dd4504;}

.background {background-color:#dd4504;}

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

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

#090300
```
#090300 rgb(9,3,0)
```
#1c0901
```
#1c0901 rgb(28,9,1)
```
#300f01
```
#300f01 rgb(48,15,1)
```
#431501
```
#431501 rgb(67,21,1)
```
#561b02
```
#561b02 rgb(86,27,2)
```
#692102
```
#692102 rgb(105,33,2)
```
#7d2702
```
#7d2702 rgb(125,39,2)
```
#902d03
```
#902d03 rgb(144,45,3)
```
#a33303
```
#a33303 rgb(163,51,3)
```
#b63903
```
#b63903 rgb(182,57,3)
```
#ca3f04
```
#ca3f04 rgb(202,63,4)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```
#f04b04
```
#f04b04 rgb(240,75,4)
```

Shade Color Variation

#fb550e
```
#fb550e rgb(251,85,14)
```
#fb6221
```
#fb6221 rgb(251,98,33)
```
#fb7034
```
#fb7034 rgb(251,112,52)
```
#fc7d47
```
#fc7d47 rgb(252,125,71)
```
#fc8b5b
```
#fc8b5b rgb(252,139,91)
```
#fc996e
```
#fc996e rgb(252,153,110)
```
#fda681
```
#fda681 rgb(253,166,129)
```
#fdb494
```
#fdb494 rgb(253,180,148)
```
#fdc1a8
```
#fdc1a8 rgb(253,193,168)
```
#fecfbb
```
#fecfbb rgb(254,207,187)
```
#feddce
```
#feddce rgb(254,221,206)
```
#feeae2
```
#feeae2 rgb(254,234,226)
```
#fff8f5
```
#fff8f5 rgb(255,248,245)
```

Tint Color Variation

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

#756f6c
```
#756f6c rgb(117,111,108)
```
#7e6b63
```
#7e6b63 rgb(126,107,99)
```
#86685b
```
#86685b rgb(134,104,91)
```
#8f6452
```
#8f6452 rgb(143,100,82)
```
#986149
```
#986149 rgb(152,97,73)
```
#a05d41
```
#a05d41 rgb(160,93,65)
```
#a95a38
```
#a95a38 rgb(169,90,56)
```
#b2562f
```
#b2562f rgb(178,86,47)
```
#ba5327
```
#ba5327 rgb(186,83,39)
```
#c34f1e
```
#c34f1e rgb(195,79,30)
```
#cc4c15
```
#cc4c15 rgb(204,76,21)
```
#d4480d
```
#d4480d rgb(212,72,13)
```
#dd4504
```
#dd4504 rgb(221,69,4)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#826356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90811e Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#e0494d Tritanopia 0.001% of the population

Trichromacy

#ac6b14 Protanomaly 1% of men, 0.01% of women
#b76701 Deuteranomaly 6% of men, 0.4% of women
#de4832 Tritanomaly 0.01% of the population

#dd4504 hex color

#dd4504 Color Information

#dd4504 Color Conversion

Color Schemes with #dd4504

Alternatives to #dd4504

#dd4504 Preview

Shades and Tints of #dd4504

Tones of #dd4504

Color Blindness Simulator