#dd301d hex color

In a RGB color space, hex #dd301d is composed of 86.7% red, 18.8% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.3% magenta, 86.9% yellow and 13.3% black. It has a hue angle of 5.9 degrees, a saturation of 76.8% and a lightness of 49%. #dd301d color hex could be obtained by blending #ff603a with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 19
- B 11
RGB color chart
- C 0
- M 78
- Y 87
- K 13
CMYK color chart

● #dd301d color description : Vivid red.

The hexadecimal color #dd301d has RGB values of R:221, G:48, B:29 and CMYK values of C:0, M:0.78, Y:0.87, K:0.13. Its decimal value is 14495773.

Hex triplet	dd301d	`#dd301d`
RGB Decimal	221, 48, 29	`rgb(221,48,29)`
RGB Percent	86.7, 18.8, 11.4	`rgb(86.7%,18.8%,11.4%)`
CMYK	0, 78, 87, 13
HSL	5.9°, 76.8, 49	`hsl(5.9,76.8%,49%)`
HSV (or HSB)	5.9°, 86.9, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.981, 64.45, 52.186
XYZ	31.099, 17.579, 2.918
xyY	0.603, 0.341, 17.579
CIE-LCH	48.981, 82.928, 38.998
CIE-LUV	48.981, 134.985, 33.675
Hunter-Lab	41.927, 59.03, 25.223
Binary	11011101, 00110000, 00011101

#dd301d
```
#dd301d rgb(221,48,29)
```
#1dcadd
```
#1dcadd rgb(29,202,221)
```

Complementary Color

#dd1d6a
```
#dd1d6a rgb(221,29,106)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#dd901d
```
#dd901d rgb(221,144,29)
```

Analogous Color

#1d6add
```
#1d6add rgb(29,106,221)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#1ddd90
```
#1ddd90 rgb(29,221,144)
```

Split Complementary Color

#301ddd
```
#301ddd rgb(48,29,221)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#1ddd30
```
#1ddd30 rgb(29,221,48)
```

Triadic Color

#dd1dca
```
#dd1dca rgb(221,29,202)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#1ddd30
```
#1ddd30 rgb(29,221,48)
```
#1dcadd
```
#1dcadd rgb(29,202,221)
```

Tetradic Color

#992114
```
#992114 rgb(153,33,20)
```
#b02617
```
#b02617 rgb(176,38,23)
```
#c62b1a
```
#c62b1a rgb(198,43,26)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#e44230
```
#e44230 rgb(228,66,48)
```
#e75646
```
#e75646 rgb(231,86,70)
```
#ea6b5d
```
#ea6b5d rgb(234,107,93)
```

Monochromatic Color

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

#dd1d3a
```
#dd1d3a rgb(221,29,58)
```
#dd1d2a
```
#dd1d2a rgb(221,29,42)
```
#dd201d
```
#dd201d rgb(221,32,29)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#dd401d
```
#dd401d rgb(221,64,29)
```
#dd501d
```
#dd501d rgb(221,80,29)
```
#dd601d
```
#dd601d rgb(221,96,29)
```

Similar Colors

Text with hexadecimal color #dd301d

This text has a font color of #dd301d.

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

#dd301d background color

This paragraph has a background color of #dd301d.

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

#dd301d border color

This element has a border color of #dd301d.

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

CSS codes

.text {color:#dd301d;}

.background {background-color:#dd301d;}

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

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

#0d0302
```
#0d0302 rgb(13,3,2)
```
#1e0704
```
#1e0704 rgb(30,7,4)
```
#300a06
```
#300a06 rgb(48,10,6)
```
#410e09
```
#410e09 rgb(65,14,9)
```
#52120b
```
#52120b rgb(82,18,11)
```
#64160d
```
#64160d rgb(100,22,13)
```
#75190f
```
#75190f rgb(117,25,15)
```
#861d12
```
#861d12 rgb(134,29,18)
```
#982114
```
#982114 rgb(152,33,20)
```
#a92516
```
#a92516 rgb(169,37,22)
```
#ba2818
```
#ba2818 rgb(186,40,24)
```
#cc2c1b
```
#cc2c1b rgb(204,44,27)
```
#dd301d
```
#dd301d rgb(221,48,29)
```

Shade Color Variation

#e33d2b
```
#e33d2b rgb(227,61,43)
```
#e54d3c
```
#e54d3c rgb(229,77,60)
```
#e85c4d
```
#e85c4d rgb(232,92,77)
```
#ea6c5f
```
#ea6c5f rgb(234,108,95)
```
#ec7c70
```
#ec7c70 rgb(236,124,112)
```
#ee8c81
```
#ee8c81 rgb(238,140,129)
```
#f19c93
```
#f19c93 rgb(241,156,147)
```
#f3aca4
```
#f3aca4 rgb(243,172,164)
```
#f5bcb5
```
#f5bcb5 rgb(245,188,181)
```
#f8cbc7
```
#f8cbc7 rgb(248,203,199)
```
#fadbd8
```
#fadbd8 rgb(250,219,216)
```
#fcebe9
```
#fcebe9 rgb(252,235,233)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#867574
```
#867574 rgb(134,117,116)
```
#906e6a
```
#906e6a rgb(144,110,106)
```
#9a6660
```
#9a6660 rgb(154,102,96)
```
#a35e57
```
#a35e57 rgb(163,94,87)
```
#ad574d
```
#ad574d rgb(173,87,77)
```
#b74f43
```
#b74f43 rgb(183,79,67)
```
#c0473a
```
#c0473a rgb(192,71,58)
```
#ca3f30
```
#ca3f30 rgb(202,63,48)
```
#d33827
```
#d33827 rgb(211,56,39)
```
#dd301d
```
#dd301d rgb(221,48,29)
```
#e72813
```
#e72813 rgb(231,40,19)
```
#f0210a
```
#f0210a rgb(240,33,10)
```
#fa1900
```
#fa1900 rgb(250,25,0)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#7b5854 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887b38 Protanopia 1% of men
#9a750c Deuteranopia 1% of men
#df3839 Tritanopia 0.001% of the population

Trichromacy

#a7602e Protanomaly 1% of men, 0.01% of women
#b25c12 Deuteranomaly 6% of men, 0.4% of women
#de352f Tritanomaly 0.01% of the population

#dd301d hex color

#dd301d Color Information

#dd301d Color Conversion

Color Schemes with #dd301d

Alternatives to #dd301d

#dd301d Preview

Shades and Tints of #dd301d

Tones of #dd301d

Color Blindness Simulator