#dd342d hex color

In a RGB color space, hex #dd342d is composed of 86.7% red, 20.4% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.5% magenta, 79.6% yellow and 13.3% black. It has a hue angle of 2.4 degrees, a saturation of 72.1% and a lightness of 52.2%. #dd342d color hex could be obtained by blending #ff685a with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 20
- B 18
RGB color chart
- C 0
- M 76
- Y 80
- K 13
CMYK color chart

● #dd342d color description : Bright red.

The hexadecimal color #dd342d has RGB values of R:221, G:52, B:45 and CMYK values of C:0, M:0.76, Y:0.8, K:0.13. Its decimal value is 14496813.

Hex triplet	dd342d	`#dd342d`
RGB Decimal	221, 52, 45	`rgb(221,52,45)`
RGB Percent	86.7, 20.4, 17.6	`rgb(86.7%,20.4%,17.6%)`
CMYK	0, 76, 80, 13
HSL	2.4°, 72.1, 52.2	`hsl(2.4,72.1%,52.2%)`
HSV (or HSB)	2.4°, 79.6, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	49.522, 63.672, 44.855
XYZ	31.522, 18.021, 4.301
xyY	0.585, 0.335, 18.021
CIE-LCH	49.522, 77.885, 35.163
CIE-LUV	49.522, 130.535, 30.242
Hunter-Lab	42.452, 58.253, 23.709
Binary	11011101, 00110100, 00101101

#dd342d
```
#dd342d rgb(221,52,45)
```
#2dd6dd
```
#2dd6dd rgb(45,214,221)
```

Complementary Color

#dd2d7e
```
#dd2d7e rgb(221,45,126)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#dd8c2d
```
#dd8c2d rgb(221,140,45)
```

Analogous Color

#2d7edd
```
#2d7edd rgb(45,126,221)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#2ddd8c
```
#2ddd8c rgb(45,221,140)
```

Split Complementary Color

#342ddd
```
#342ddd rgb(52,45,221)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#2ddd34
```
#2ddd34 rgb(45,221,52)
```

Triadic Color

#dd2dd6
```
#dd2dd6 rgb(221,45,214)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#2ddd34
```
#2ddd34 rgb(45,221,52)
```
#2dd6dd
```
#2dd6dd rgb(45,214,221)
```

Tetradic Color

#a3201a
```
#a3201a rgb(163,32,26)
```
#b9241e
```
#b9241e rgb(185,36,30)
```
#cf2822
```
#cf2822 rgb(207,40,34)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#e14943
```
#e14943 rgb(225,73,67)
```
#e45e59
```
#e45e59 rgb(228,94,89)
```
#e8746f
```
#e8746f rgb(232,116,111)
```

Monochromatic Color

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

#dd2d52
```
#dd2d52 rgb(221,45,82)
```
#dd2d43
```
#dd2d43 rgb(221,45,67)
```
#dd2d35
```
#dd2d35 rgb(221,45,53)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#dd432d
```
#dd432d rgb(221,67,45)
```
#dd512d
```
#dd512d rgb(221,81,45)
```
#dd602d
```
#dd602d rgb(221,96,45)
```

Similar Colors

Text with hexadecimal color #dd342d

This text has a font color of #dd342d.

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

#dd342d background color

This paragraph has a background color of #dd342d.

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

#dd342d border color

This element has a border color of #dd342d.

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

CSS codes

.text {color:#dd342d;}

.background {background-color:#dd342d;}

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

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

#090202
```
#090202 rgb(9,2,2)
```
#1a0504
```
#1a0504 rgb(26,5,4)
```
#2b0807
```
#2b0807 rgb(43,8,7)
```
#3c0c0a
```
#3c0c0a rgb(60,12,10)
```
#4d0f0c
```
#4d0f0c rgb(77,15,12)
```
#5e120f
```
#5e120f rgb(94,18,15)
```
#6f1612
```
#6f1612 rgb(111,22,18)
```
#801915
```
#801915 rgb(128,25,21)
```
#911c17
```
#911c17 rgb(145,28,23)
```
#a1201a
```
#a1201a rgb(161,32,26)
```
#b2231d
```
#b2231d rgb(178,35,29)
```
#c32620
```
#c32620 rgb(195,38,32)
```
#d42922
```
#d42922 rgb(212,41,34)
```

Shade Color Variation

#dd342d
```
#dd342d rgb(221,52,45)
```
#e0443e
```
#e0443e rgb(224,68,62)
```
#e2554f
```
#e2554f rgb(226,85,79)
```
#e56560
```
#e56560 rgb(229,101,96)
```
#e87571
```
#e87571 rgb(232,117,113)
```
#eb8681
```
#eb8681 rgb(235,134,129)
```
#ed9692
```
#ed9692 rgb(237,150,146)
```
#f0a6a3
```
#f0a6a3 rgb(240,166,163)
```
#f3b7b4
```
#f3b7b4 rgb(243,183,180)
```
#f6c7c5
```
#f6c7c5 rgb(246,199,197)
```
#f8d7d6
```
#f8d7d6 rgb(248,215,214)
```
#fbe8e7
```
#fbe8e7 rgb(251,232,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#898281
```
#898281 rgb(137,130,129)
```
#927978
```
#927978 rgb(146,121,120)
```
#9b706f
```
#9b706f rgb(155,112,111)
```
#a56865
```
#a56865 rgb(165,104,101)
```
#ae5f5c
```
#ae5f5c rgb(174,95,92)
```
#b75753
```
#b75753 rgb(183,87,83)
```
#c14e49
```
#c14e49 rgb(193,78,73)
```
#ca4540
```
#ca4540 rgb(202,69,64)
```
#d43d36
```
#d43d36 rgb(212,61,54)
```
#dd342d
```
#dd342d rgb(221,52,45)
```
#e62b24
```
#e62b24 rgb(230,43,36)
```
#f0231a
```
#f0231a rgb(240,35,26)
```
#f91a11
```
#f91a11 rgb(249,26,17)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7e5c5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#887c48 Protanopia 1% of men
#9b7729 Deuteranopia 1% of men
#de3d3f Tritanopia 0.001% of the population

Trichromacy

#a7623e Protanomaly 1% of men, 0.01% of women
#b35e2a Deuteranomaly 6% of men, 0.4% of women
#de3a38 Tritanomaly 0.01% of the population

#dd342d hex color

#dd342d Color Information

#dd342d Color Conversion

Color Schemes with #dd342d

Alternatives to #dd342d

#dd342d Preview

Shades and Tints of #dd342d

Tones of #dd342d

Color Blindness Simulator