#dd401f hex color

In a RGB color space, hex #dd401f is composed of 86.7% red, 25.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 86% yellow and 13.3% black. It has a hue angle of 10.4 degrees, a saturation of 75.4% and a lightness of 49.4%. #dd401f color hex could be obtained by blending #ff803e with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 25
- B 12
RGB color chart
- C 0
- M 71
- Y 86
- K 13
CMYK color chart

● #dd401f color description : Vivid red.

The hexadecimal color #dd401f has RGB values of R:221, G:64, B:31 and CMYK values of C:0, M:0.71, Y:0.86, K:0.13. Its decimal value is 14499871.

Hex triplet	dd401f	`#dd401f`
RGB Decimal	221, 64, 31	`rgb(221,64,31)`
RGB Percent	86.7, 25.1, 12.2	`rgb(86.7%,25.1%,12.2%)`
CMYK	0, 71, 86, 13
HSL	10.4°, 75.4, 49.4	`hsl(10.4,75.4%,49.4%)`
HSV (or HSB)	10.4°, 86, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.853, 59.319, 52.836
XYZ	31.901, 19.142, 3.311
xyY	0.587, 0.352, 19.142
CIE-LCH	50.853, 79.438, 41.692
CIE-LUV	50.853, 125.647, 36.598
Hunter-Lab	43.751, 53.588, 26.139
Binary	11011101, 01000000, 00011111

#dd401f
```
#dd401f rgb(221,64,31)
```
#1fbcdd
```
#1fbcdd rgb(31,188,221)
```

Complementary Color

#dd1f5d
```
#dd1f5d rgb(221,31,93)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#dd9f1f
```
#dd9f1f rgb(221,159,31)
```

Analogous Color

#1f5ddd
```
#1f5ddd rgb(31,93,221)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#1fdd9f
```
#1fdd9f rgb(31,221,159)
```

Split Complementary Color

#401fdd
```
#401fdd rgb(64,31,221)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#1fdd40
```
#1fdd40 rgb(31,221,64)
```

Triadic Color

#dd1fbc
```
#dd1fbc rgb(221,31,188)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#1fdd40
```
#1fdd40 rgb(31,221,64)
```
#1fbcdd
```
#1fbcdd rgb(31,188,221)
```

Tetradic Color

#9a2d16
```
#9a2d16 rgb(154,45,22)
```
#b03319
```
#b03319 rgb(176,51,25)
```
#c73a1c
```
#c73a1c rgb(199,58,28)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#e25233
```
#e25233 rgb(226,82,51)
```
#e66549
```
#e66549 rgb(230,101,73)
```
#e97860
```
#e97860 rgb(233,120,96)
```

Monochromatic Color

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

#dd1f2e
```
#dd1f2e rgb(221,31,46)
```
#dd201f
```
#dd201f rgb(221,32,31)
```
#dd301f
```
#dd301f rgb(221,48,31)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#dd501f
```
#dd501f rgb(221,80,31)
```
#dd601f
```
#dd601f rgb(221,96,31)
```
#dd701f
```
#dd701f rgb(221,112,31)
```

Similar Colors

Text with hexadecimal color #dd401f

This text has a font color of #dd401f.

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

#dd401f background color

This paragraph has a background color of #dd401f.

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

#dd401f border color

This element has a border color of #dd401f.

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

CSS codes

.text {color:#dd401f;}

.background {background-color:#dd401f;}

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

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, #0f0402 is the darkest color, while #fffdfc is the lightest one.

#0f0402
```
#0f0402 rgb(15,4,2)
```
#200904
```
#200904 rgb(32,9,4)
```
#310e07
```
#310e07 rgb(49,14,7)
```
#421309
```
#421309 rgb(66,19,9)
```
#53180c
```
#53180c rgb(83,24,12)
```
#651d0e
```
#651d0e rgb(101,29,14)
```
#762211
```
#762211 rgb(118,34,17)
```
#872713
```
#872713 rgb(135,39,19)
```
#982c15
```
#982c15 rgb(152,44,21)
```
#a93118
```
#a93118 rgb(169,49,24)
```
#bb361a
```
#bb361a rgb(187,54,26)
```
#cc3b1d
```
#cc3b1d rgb(204,59,29)
```
#dd401f
```
#dd401f rgb(221,64,31)
```

Shade Color Variation

#e24d2e
```
#e24d2e rgb(226,77,46)
```
#e45c3f
```
#e45c3f rgb(228,92,63)
```
#e76a50
```
#e76a50 rgb(231,106,80)
```
#e97962
```
#e97962 rgb(233,121,98)
```
#eb8873
```
#eb8873 rgb(235,136,115)
```
#ee9684
```
#ee9684 rgb(238,150,132)
```
#f0a595
```
#f0a595 rgb(240,165,149)
```
#f3b4a6
```
#f3b4a6 rgb(243,180,166)
```
#f5c2b8
```
#f5c2b8 rgb(245,194,184)
```
#f7d1c9
```
#f7d1c9 rgb(247,209,201)
```
#fadfda
```
#fadfda rgb(250,223,218)
```
#fceeeb
```
#fceeeb rgb(252,238,235)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#867976
```
#867976 rgb(134,121,118)
```
#8f736d
```
#8f736d rgb(143,115,109)
```
#996c63
```
#996c63 rgb(153,108,99)
```
#a36659
```
#a36659 rgb(163,102,89)
```
#ad604f
```
#ad604f rgb(173,96,79)
```
#b65946
```
#b65946 rgb(182,89,70)
```
#c0533c
```
#c0533c rgb(192,83,60)
```
#ca4d32
```
#ca4d32 rgb(202,77,50)
```
#d34629
```
#d34629 rgb(211,70,41)
```
#dd401f
```
#dd401f rgb(221,64,31)
```
#e73a15
```
#e73a15 rgb(231,58,21)
```
#f0330c
```
#f0330c rgb(240,51,12)
```
#fa2d02
```
#fa2d02 rgb(250,45,2)
```

Tone Color Variation

Below, you can see how #dd401f 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
#82625c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8038 Protanopia 1% of men
#a07915 Deuteranopia 1% of men
#df4649 Tritanopia 0.001% of the population

Trichromacy

#aa682e Protanomaly 1% of men, 0.01% of women
#b66418 Deuteranomaly 6% of men, 0.4% of women
#de4439 Tritanomaly 0.01% of the population

#dd401f hex color

#dd401f Color Information

#dd401f Color Conversion

Color Schemes with #dd401f

Alternatives to #dd401f

#dd401f Preview

Shades and Tints of #dd401f

Tones of #dd401f

Color Blindness Simulator