#dd3946 hex color

In a RGB color space, hex #dd3946 is composed of 86.7% red, 22.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.2% magenta, 68.3% yellow and 13.3% black. It has a hue angle of 355.2 degrees, a saturation of 70.7% and a lightness of 54.5%. #dd3946 color hex could be obtained by blending #ff728c with #bb0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 87
- G 22
- B 27
RGB color chart
- C 0
- M 74
- Y 68
- K 13
CMYK color chart

● #dd3946 color description : Bright red.

The hexadecimal color #dd3946 has RGB values of R:221, G:57, B:70 and CMYK values of C:0, M:0.74, Y:0.68, K:0.13. Its decimal value is 14498118.

Hex triplet	dd3946	`#dd3946`
RGB Decimal	221, 57, 70	`rgb(221,57,70)`
RGB Percent	86.7, 22.4, 27.5	`rgb(86.7%,22.4%,27.5%)`
CMYK	0, 74, 68, 13
HSL	355.2°, 70.7, 54.5	`hsl(355.2,70.7%,54.5%)`
HSV (or HSB)	355.2°, 74.2, 86.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	50.387, 63.089, 31.73
XYZ	32.389, 18.744, 7.707
xyY	0.55, 0.319, 18.744
CIE-LCH	50.387, 70.618, 26.7
CIE-LUV	50.387, 122.47, 21.445
Hunter-Lab	43.295, 57.77, 19.753
Binary	11011101, 00111001, 01000110

#dd3946
```
#dd3946 rgb(221,57,70)
```
#39ddd0
```
#39ddd0 rgb(57,221,208)
```

Complementary Color

#dd3998
```
#dd3998 rgb(221,57,152)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#dd7e39
```
#dd7e39 rgb(221,126,57)
```

Analogous Color

#3998dd
```
#3998dd rgb(57,152,221)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#39dd7e
```
#39dd7e rgb(57,221,126)
```

Split Complementary Color

#3946dd
```
#3946dd rgb(57,70,221)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#46dd39
```
#46dd39 rgb(70,221,57)
```

Triadic Color

#d039dd
```
#d039dd rgb(208,57,221)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#46dd39
```
#46dd39 rgb(70,221,57)
```
#39ddd0
```
#39ddd0 rgb(57,221,208)
```

Tetradic Color

#ac1e29
```
#ac1e29 rgb(172,30,41)
```
#c2212e
```
#c2212e rgb(194,33,46)
```
#d72533
```
#d72533 rgb(215,37,51)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#e14f5a
```
#e14f5a rgb(225,79,90)
```
#e4656f
```
#e4656f rgb(228,101,111)
```
#e87a83
```
#e87a83 rgb(232,122,131)
```

Monochromatic Color

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

#dd396f
```
#dd396f rgb(221,57,111)
```
#dd3961
```
#dd3961 rgb(221,57,97)
```
#dd3954
```
#dd3954 rgb(221,57,84)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#dd3a39
```
#dd3a39 rgb(221,58,57)
```
#dd4739
```
#dd4739 rgb(221,71,57)
```
#dd5539
```
#dd5539 rgb(221,85,57)
```

Similar Colors

Text with hexadecimal color #dd3946

This text has a font color of #dd3946.

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

#dd3946 background color

This paragraph has a background color of #dd3946.

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

#dd3946 border color

This element has a border color of #dd3946.

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

CSS codes

.text {color:#dd3946;}

.background {background-color:#dd3946;}

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

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

#030001
```
#030001 rgb(3,0,1)
```
#140305
```
#140305 rgb(20,3,5)
```
#240609
```
#240609 rgb(36,6,9)
```
#35090d
```
#35090d rgb(53,9,13)
```
#460c11
```
#460c11 rgb(70,12,17)
```
#570f15
```
#570f15 rgb(87,15,21)
```
#671219
```
#671219 rgb(103,18,25)
```
#78151d
```
#78151d rgb(120,21,29)
```
#891720
```
#891720 rgb(137,23,32)
```
#9a1a24
```
#9a1a24 rgb(154,26,36)
```
#aa1d28
```
#aa1d28 rgb(170,29,40)
```
#bb202c
```
#bb202c rgb(187,32,44)
```
#cc2330
```
#cc2330 rgb(204,35,48)
```

Shade Color Variation

#da2836
```
#da2836 rgb(218,40,54)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#e04a56
```
#e04a56 rgb(224,74,86)
```
#e35a65
```
#e35a65 rgb(227,90,101)
```
#e66b75
```
#e66b75 rgb(230,107,117)
```
#e87c85
```
#e87c85 rgb(232,124,133)
```
#eb8d94
```
#eb8d94 rgb(235,141,148)
```
#ee9da4
```
#ee9da4 rgb(238,157,164)
```
#f1aeb3
```
#f1aeb3 rgb(241,174,179)
```
#f4bfc3
```
#f4bfc3 rgb(244,191,195)
```
#f7d0d3
```
#f7d0d3 rgb(247,208,211)
```
#fae0e2
```
#fae0e2 rgb(250,224,226)
```
#fdf1f2
```
#fdf1f2 rgb(253,241,242)
```

Tint Color Variation

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

#8d898a
```
#8d898a rgb(141,137,138)
```
#968082
```
#968082 rgb(150,128,130)
```
#9f777b
```
#9f777b rgb(159,119,123)
```
#a76f73
```
#a76f73 rgb(167,111,115)
```
#b0666c
```
#b0666c rgb(176,102,108)
```
#b95d64
```
#b95d64 rgb(185,93,100)
```
#c2545d
```
#c2545d rgb(194,84,93)
```
#cb4b55
```
#cb4b55 rgb(203,75,85)
```
#d4424e
```
#d4424e rgb(212,66,78)
```
#dd3946
```
#dd3946 rgb(221,57,70)
```
#e6303e
```
#e6303e rgb(230,48,62)
```
#ef2737
```
#ef2737 rgb(239,39,55)
```
#f81e2f
```
#f81e2f rgb(248,30,47)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#836264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877e64 Protanopia 1% of men
#9a7944 Deuteranopia 1% of men
#de4447 Tritanopia 0.001% of the population

Trichromacy

#a66559 Protanomaly 1% of men, 0.01% of women
#b26145 Deuteranomaly 6% of men, 0.4% of women
#dd4046 Tritanomaly 0.01% of the population

#dd3946 hex color

#dd3946 Color Information

#dd3946 Color Conversion

Color Schemes with #dd3946

Alternatives to #dd3946

#dd3946 Preview

Shades and Tints of #dd3946

Tones of #dd3946

Color Blindness Simulator