#dd3136 hex color

In a RGB color space, hex #dd3136 is composed of 86.7% red, 19.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.8% magenta, 75.6% yellow and 13.3% black. It has a hue angle of 358.3 degrees, a saturation of 71.7% and a lightness of 52.9%. #dd3136 color hex could be obtained by blending #ff626c with #bb0000. Closest websafe color is: #cc3333.

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

● #dd3136 color description : Bright red.

The hexadecimal color #dd3136 has RGB values of R:221, G:49, B:54 and CMYK values of C:0, M:0.78, Y:0.76, K:0.13. Its decimal value is 14496054.

Hex triplet	dd3136	`#dd3136`
RGB Decimal	221, 49, 54	`rgb(221,49,54)`
RGB Percent	86.7, 19.2, 21.2	`rgb(86.7%,19.2%,21.2%)`
CMYK	0, 78, 76, 13
HSL	358.3°, 71.7, 52.9	`hsl(358.3,71.7%,52.9%)`
HSV (or HSB)	358.3°, 77.8, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.3, 64.857, 39.7
XYZ	31.584, 17.839, 5.27
xyY	0.577, 0.326, 17.839
CIE-LCH	49.3, 76.043, 31.471
CIE-LUV	49.3, 130.27, 26.522
Hunter-Lab	42.236, 59.57, 22.167
Binary	11011101, 00110001, 00110110

#dd3136
```
#dd3136 rgb(221,49,54)
```
#31ddd8
```
#31ddd8 rgb(49,221,216)
```

Complementary Color

#dd318c
```
#dd318c rgb(221,49,140)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#dd8231
```
#dd8231 rgb(221,130,49)
```

Analogous Color

#318cdd
```
#318cdd rgb(49,140,221)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#31dd82
```
#31dd82 rgb(49,221,130)
```

Split Complementary Color

#3136dd
```
#3136dd rgb(49,54,221)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#36dd31
```
#36dd31 rgb(54,221,49)
```

Triadic Color

#d831dd
```
#d831dd rgb(216,49,221)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#36dd31
```
#36dd31 rgb(54,221,49)
```
#31ddd8
```
#31ddd8 rgb(49,221,216)
```

Tetradic Color

#a61b1f
```
#a61b1f rgb(166,27,31)
```
#bc1f24
```
#bc1f24 rgb(188,31,36)
```
#d22328
```
#d22328 rgb(210,35,40)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#e1474b
```
#e1474b rgb(225,71,75)
```
#e45d61
```
#e45d61 rgb(228,93,97)
```
#e87376
```
#e87376 rgb(232,115,118)
```

Monochromatic Color

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

#dd3161
```
#dd3161 rgb(221,49,97)
```
#dd3153
```
#dd3153 rgb(221,49,83)
```
#dd3144
```
#dd3144 rgb(221,49,68)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#dd3a31
```
#dd3a31 rgb(221,58,49)
```
#dd4931
```
#dd4931 rgb(221,73,49)
```
#dd5731
```
#dd5731 rgb(221,87,49)
```

Similar Colors

Text with hexadecimal color #dd3136

This text has a font color of #dd3136.

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

#dd3136 background color

This paragraph has a background color of #dd3136.

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

#dd3136 border color

This element has a border color of #dd3136.

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

CSS codes

.text {color:#dd3136;}

.background {background-color:#dd3136;}

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

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

#0d0202
```
#0d0202 rgb(13,2,2)
```
#1e0506
```
#1e0506 rgb(30,5,6)
```
#2f0809
```
#2f0809 rgb(47,8,9)
```
#3f0a0c
```
#3f0a0c rgb(63,10,12)
```
#500d0f
```
#500d0f rgb(80,13,15)
```
#611012
```
#611012 rgb(97,16,18)
```
#721316
```
#721316 rgb(114,19,22)
```
#831619
```
#831619 rgb(131,22,25)
```
#94181c
```
#94181c rgb(148,24,28)
```
#a41b1f
```
#a41b1f rgb(164,27,31)
```
#b51e22
```
#b51e22 rgb(181,30,34)
```
#c62126
```
#c62126 rgb(198,33,38)
```
#d72329
```
#d72329 rgb(215,35,41)
```

Shade Color Variation

#dd3136
```
#dd3136 rgb(221,49,54)
```
#e04246
```
#e04246 rgb(224,66,70)
```
#e35357
```
#e35357 rgb(227,83,87)
```
#e56467
```
#e56467 rgb(229,100,103)
```
#e87478
```
#e87478 rgb(232,116,120)
```
#eb8588
```
#eb8588 rgb(235,133,136)
```
#ee9699
```
#ee9699 rgb(238,150,153)
```
#f0a7a9
```
#f0a7a9 rgb(240,167,169)
```
#f3b8b9
```
#f3b8b9 rgb(243,184,185)
```
#f6c9ca
```
#f6c9ca rgb(246,201,202)
```
#f9d9da
```
#f9d9da rgb(249,217,218)
```
#fceaeb
```
#fceaeb rgb(252,234,235)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#8a8484
```
#8a8484 rgb(138,132,132)
```
#937b7c
```
#937b7c rgb(147,123,124)
```
#9c7273
```
#9c7273 rgb(156,114,115)
```
#a6686a
```
#a6686a rgb(166,104,106)
```
#af5f61
```
#af5f61 rgb(175,95,97)
```
#b85659
```
#b85659 rgb(184,86,89)
```
#c14d50
```
#c14d50 rgb(193,77,80)
```
#cb4347
```
#cb4347 rgb(203,67,71)
```
#d43a3f
```
#d43a3f rgb(212,58,63)
```
#dd3136
```
#dd3136 rgb(221,49,54)
```
#e6282d
```
#e6282d rgb(230,40,45)
```
#ef1f25
```
#ef1f25 rgb(239,31,37)
```
#f9151c
```
#f9151c rgb(249,21,28)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#7d5b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#867c53 Protanopia 1% of men
#997633 Deuteranopia 1% of men
#de3c3d Tritanopia 0.001% of the population

Trichromacy

#a66048 Protanomaly 1% of men, 0.01% of women
#b25d34 Deuteranomaly 6% of men, 0.4% of women
#de383a Tritanomaly 0.01% of the population

#dd3136 hex color

#dd3136 Color Information

#dd3136 Color Conversion

Color Schemes with #dd3136

Alternatives to #dd3136

#dd3136 Preview

Shades and Tints of #dd3136

Tones of #dd3136

Color Blindness Simulator