#dd4452 hex color

In a RGB color space, hex #dd4452 is composed of 86.7% red, 26.7% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.2% magenta, 62.9% yellow and 13.3% black. It has a hue angle of 354.5 degrees, a saturation of 69.2% and a lightness of 56.7%. #dd4452 color hex could be obtained by blending #ff88a4 with #bb0000. Closest websafe color is: #cc3366.

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

● #dd4452 color description : Soft red.

The hexadecimal color #dd4452 has RGB values of R:221, G:68, B:82 and CMYK values of C:0, M:0.69, Y:0.63, K:0.13. Its decimal value is 14500946.

Hex triplet	dd4452	`#dd4452`
RGB Decimal	221, 68, 82	`rgb(221,68,82)`
RGB Percent	86.7, 26.7, 32.2	`rgb(86.7%,26.7%,32.2%)`
CMYK	0, 69, 63, 13
HSL	354.5°, 69.2, 56.7	`hsl(354.5,69.2%,56.7%)`
HSV (or HSB)	354.5°, 69.2, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	51.972, 59.89, 26.639
XYZ	33.41, 20.119, 10.106
xyY	0.525, 0.316, 20.119
CIE-LCH	51.972, 65.547, 23.979
CIE-LUV	51.972, 113.358, 18.277
Hunter-Lab	44.855, 54.462, 18.039
Binary	11011101, 01000100, 01010010

#dd4452
```
#dd4452 rgb(221,68,82)
```
#44ddcf
```
#44ddcf rgb(68,221,207)
```

Complementary Color

#dd449f
```
#dd449f rgb(221,68,159)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#dd8344
```
#dd8344 rgb(221,131,68)
```

Analogous Color

#449fdd
```
#449fdd rgb(68,159,221)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#44dd83
```
#44dd83 rgb(68,221,131)
```

Split Complementary Color

#4452dd
```
#4452dd rgb(68,82,221)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#52dd44
```
#52dd44 rgb(82,221,68)
```

Triadic Color

#cf44dd
```
#cf44dd rgb(207,68,221)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#52dd44
```
#52dd44 rgb(82,221,68)
```
#44ddcf
```
#44ddcf rgb(68,221,207)
```

Tetradic Color

#b4212e
```
#b4212e rgb(180,33,46)
```
#c92534
```
#c92534 rgb(201,37,52)
```
#d92e3e
```
#d92e3e rgb(217,46,62)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#e15a66
```
#e15a66 rgb(225,90,102)
```
#e56f7a
```
#e56f7a rgb(229,111,122)
```
#e9858e
```
#e9858e rgb(233,133,142)
```

Monochromatic Color

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

#dd4478
```
#dd4478 rgb(221,68,120)
```
#dd446c
```
#dd446c rgb(221,68,108)
```
#dd445f
```
#dd445f rgb(221,68,95)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#dd4445
```
#dd4445 rgb(221,68,69)
```
#dd5044
```
#dd5044 rgb(221,80,68)
```
#dd5c44
```
#dd5c44 rgb(221,92,68)
```

Similar Colors

Text with hexadecimal color #dd4452

This text has a font color of #dd4452.

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

#dd4452 background color

This paragraph has a background color of #dd4452.

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

#dd4452 border color

This element has a border color of #dd4452.

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

CSS codes

.text {color:#dd4452;}

.background {background-color:#dd4452;}

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

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

#0c0203
```
#0c0203 rgb(12,2,3)
```
#1d0507
```
#1d0507 rgb(29,5,7)
```
#2d080c
```
#2d080c rgb(45,8,12)
```
#3e0b10
```
#3e0b10 rgb(62,11,16)
```
#4f0e14
```
#4f0e14 rgb(79,14,20)
```
#5f1118
```
#5f1118 rgb(95,17,24)
```
#70141d
```
#70141d rgb(112,20,29)
```
#801721
```
#801721 rgb(128,23,33)
```
#911a25
```
#911a25 rgb(145,26,37)
```
#a21d29
```
#a21d29 rgb(162,29,41)
```
#b2202e
```
#b2202e rgb(178,32,46)
```
#c32332
```
#c32332 rgb(195,35,50)
```
#d32636
```
#d32636 rgb(211,38,54)
```

Shade Color Variation

#da3343
```
#da3343 rgb(218,51,67)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#e05561
```
#e05561 rgb(224,85,97)
```
#e36571
```
#e36571 rgb(227,101,113)
```
#e67680
```
#e67680 rgb(230,118,128)
```
#e9868f
```
#e9868f rgb(233,134,143)
```
#ec979f
```
#ec979f rgb(236,151,159)
```
#efa8ae
```
#efa8ae rgb(239,168,174)
```
#f2b8bd
```
#f2b8bd rgb(242,184,189)
```
#f5c9cd
```
#f5c9cd rgb(245,201,205)
```
#f8d9dc
```
#f8d9dc rgb(248,217,220)
```
#fbeaec
```
#fbeaec rgb(251,234,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#99888a
```
#99888a rgb(153,136,138)
```
#a28083
```
#a28083 rgb(162,128,131)
```
#aa777c
```
#aa777c rgb(170,119,124)
```
#b36f75
```
#b36f75 rgb(179,111,117)
```
#bb666e
```
#bb666e rgb(187,102,110)
```
#c45e67
```
#c45e67 rgb(196,94,103)
```
#cc5560
```
#cc5560 rgb(204,85,96)
```
#d54d59
```
#d54d59 rgb(213,77,89)
```
#dd4452
```
#dd4452 rgb(221,68,82)
```
#e63c4b
```
#e63c4b rgb(230,60,75)
```
#ee3344
```
#ee3344 rgb(238,51,68)
```
#f72b3d
```
#f72b3d rgb(247,43,61)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#886a6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#89826f Protanopia 1% of men
#9d7d51 Deuteranopia 1% of men
#de4f53 Tritanopia 0.001% of the population

Trichromacy

#a76b64 Protanomaly 1% of men, 0.01% of women
#b46851 Deuteranomaly 6% of men, 0.4% of women
#dd4b52 Tritanomaly 0.01% of the population

#dd4452 hex color

#dd4452 Color Information

#dd4452 Color Conversion

Color Schemes with #dd4452

Alternatives to #dd4452

#dd4452 Preview

Shades and Tints of #dd4452

Tones of #dd4452

Color Blindness Simulator