#dd3545 hex color

In a RGB color space, hex #dd3545 is composed of 86.7% red, 20.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76% magenta, 68.8% yellow and 13.3% black. It has a hue angle of 354.3 degrees, a saturation of 71.2% and a lightness of 53.7%. #dd3545 color hex could be obtained by blending #ff6a8a with #bb0000. Closest websafe color is: #cc3333.

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

● #dd3545 color description : Bright red.

The hexadecimal color #dd3545 has RGB values of R:221, G:53, B:69 and CMYK values of C:0, M:0.76, Y:0.69, K:0.13. Its decimal value is 14497093.

Hex triplet	dd3545	`#dd3545`
RGB Decimal	221, 53, 69	`rgb(221,53,69)`
RGB Percent	86.7, 20.8, 27.1	`rgb(86.7%,20.8%,27.1%)`
CMYK	0, 76, 69, 13
HSL	354.3°, 71.2, 53.7	`hsl(354.3,71.2%,53.7%)`
HSV (or HSB)	354.3°, 76, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.92, 64.303, 31.75
XYZ	32.168, 18.352, 7.478
xyY	0.555, 0.316, 18.352
CIE-LCH	49.92, 71.714, 26.278
CIE-LUV	49.92, 124.737, 20.994
Hunter-Lab	42.839, 59.066, 19.637
Binary	11011101, 00110101, 01000101

#dd3545
```
#dd3545 rgb(221,53,69)
```
#35ddcd
```
#35ddcd rgb(53,221,205)
```

Complementary Color

#dd3599
```
#dd3599 rgb(221,53,153)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#dd7935
```
#dd7935 rgb(221,121,53)
```

Analogous Color

#3599dd
```
#3599dd rgb(53,153,221)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#35dd79
```
#35dd79 rgb(53,221,121)
```

Split Complementary Color

#3545dd
```
#3545dd rgb(53,69,221)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#45dd35
```
#45dd35 rgb(69,221,53)
```

Triadic Color

#cd35dd
```
#cd35dd rgb(205,53,221)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#45dd35
```
#45dd35 rgb(69,221,53)
```
#35ddcd
```
#35ddcd rgb(53,221,205)
```

Tetradic Color

#a91c2a
```
#a91c2a rgb(169,28,42)
```
#bf202f
```
#bf202f rgb(191,32,47)
```
#d52435
```
#d52435 rgb(213,36,53)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#e14b59
```
#e14b59 rgb(225,75,89)
```
#e4616d
```
#e4616d rgb(228,97,109)
```
#e87681
```
#e87681 rgb(232,118,129)
```

Monochromatic Color

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

#dd356f
```
#dd356f rgb(221,53,111)
```
#dd3561
```
#dd3561 rgb(221,53,97)
```
#dd3553
```
#dd3553 rgb(221,53,83)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#dd3537
```
#dd3537 rgb(221,53,55)
```
#dd4135
```
#dd4135 rgb(221,65,53)
```
#dd4f35
```
#dd4f35 rgb(221,79,53)
```

Similar Colors

Text with hexadecimal color #dd3545

This text has a font color of #dd3545.

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

#dd3545 background color

This paragraph has a background color of #dd3545.

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

#dd3545 border color

This element has a border color of #dd3545.

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

CSS codes

.text {color:#dd3545;}

.background {background-color:#dd3545;}

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

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

#100304
```
#100304 rgb(16,3,4)
```
#210608
```
#210608 rgb(33,6,8)
```
#32080c
```
#32080c rgb(50,8,12)
```
#430b10
```
#430b10 rgb(67,11,16)
```
#530e15
```
#530e15 rgb(83,14,21)
```
#641119
```
#641119 rgb(100,17,25)
```
#75141d
```
#75141d rgb(117,20,29)
```
#861721
```
#861721 rgb(134,23,33)
```
#971925
```
#971925 rgb(151,25,37)
```
#a71c29
```
#a71c29 rgb(167,28,41)
```
#b81f2e
```
#b81f2e rgb(184,31,46)
```
#c92232
```
#c92232 rgb(201,34,50)
```
#da2536
```
#da2536 rgb(218,37,54)
```

Shade Color Variation

#dd3545
```
#dd3545 rgb(221,53,69)
```
#e04654
```
#e04654 rgb(224,70,84)
```
#e35764
```
#e35764 rgb(227,87,100)
```
#e56773
```
#e56773 rgb(229,103,115)
```
#e87883
```
#e87883 rgb(232,120,131)
```
#eb8992
```
#eb8992 rgb(235,137,146)
```
#ee9aa2
```
#ee9aa2 rgb(238,154,162)
```
#f1abb1
```
#f1abb1 rgb(241,171,177)
```
#f4bbc1
```
#f4bbc1 rgb(244,187,193)
```
#f6ccd0
```
#f6ccd0 rgb(246,204,208)
```
#f9dde0
```
#f9dde0 rgb(249,221,224)
```
#fceeef
```
#fceeef rgb(252,238,239)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#8b8787
```
#8b8787 rgb(139,135,135)
```
#947e80
```
#947e80 rgb(148,126,128)
```
#9d7578
```
#9d7578 rgb(157,117,120)
```
#a76b71
```
#a76b71 rgb(167,107,113)
```
#b0626a
```
#b0626a rgb(176,98,106)
```
#b95962
```
#b95962 rgb(185,89,98)
```
#c2505b
```
#c2505b rgb(194,80,91)
```
#cb4754
```
#cb4754 rgb(203,71,84)
```
#d43e4c
```
#d43e4c rgb(212,62,76)
```
#dd3545
```
#dd3545 rgb(221,53,69)
```
#e62c3e
```
#e62c3e rgb(230,44,62)
```
#ef2336
```
#ef2336 rgb(239,35,54)
```
#f81a2f
```
#f81a2f rgb(248,26,47)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#805f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d63 Protanopia 1% of men
#997843 Deuteranopia 1% of men
#de4143 Tritanopia 0.001% of the population

Trichromacy

#a56358 Protanomaly 1% of men, 0.01% of women
#b15f44 Deuteranomaly 6% of men, 0.4% of women
#dd3c44 Tritanomaly 0.01% of the population

#dd3545 hex color

#dd3545 Color Information

#dd3545 Color Conversion

Color Schemes with #dd3545

Alternatives to #dd3545

#dd3545 Preview

Shades and Tints of #dd3545

Tones of #dd3545

Color Blindness Simulator