colorhexa.com

#dd4557 hex color

In a RGB color space, hex #dd4557 is composed of 86.7% red, 27.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.8% magenta, 60.6% yellow and 13.3% black. It has a hue angle of 352.9 degrees, a saturation of 69.1% and a lightness of 56.9%. #dd4557 color hex could be obtained by blending #ff8aae with #bb0000. Closest websafe color is: #cc3366.

- R 87
- G 27
- B 34
RGB color chart
- C 0
- M 69
- Y 61
- K 13
CMYK color chart

● #dd4557 color description : Soft red.

The hexadecimal color #dd4557 has RGB values of R:221, G:69, B:87 and CMYK values of C:0, M:0.69, Y:0.61, K:0.13. Its decimal value is 14501207.

Hex triplet	dd4557	`#dd4557`
RGB Decimal	221, 69, 87	`rgb(221,69,87)`
RGB Percent	86.7, 27.1, 34.1	`rgb(86.7%,27.1%,34.1%)`
CMYK	0, 69, 61, 13
HSL	352.9°, 69.1, 56.9	`hsl(352.9,69.1%,56.9%)`
HSV (or HSB)	352.9°, 68.8, 86.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	52.197, 59.825, 23.968
XYZ	33.668, 20.32, 11.166
xyY	0.517, 0.312, 20.32
CIE-LCH	52.197, 64.448, 21.833
CIE-LUV	52.197, 111.433, 15.826
Hunter-Lab	45.078, 54.434, 16.869
Binary	11011101, 01000101, 01010111

#dd4557
```
#dd4557 rgb(221,69,87)
```
#45ddcb
```
#45ddcb rgb(69,221,203)
```

Complementary Color

#dd45a3
```
#dd45a3 rgb(221,69,163)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#dd7f45
```
#dd7f45 rgb(221,127,69)
```

Analogous Color

#45a3dd
```
#45a3dd rgb(69,163,221)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#45dd7f
```
#45dd7f rgb(69,221,127)
```

Split Complementary Color

#4557dd
```
#4557dd rgb(69,87,221)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#57dd45
```
#57dd45 rgb(87,221,69)
```

Triadic Color

#cb45dd
```
#cb45dd rgb(203,69,221)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#57dd45
```
#57dd45 rgb(87,221,69)
```
#45ddcb
```
#45ddcb rgb(69,221,203)
```

Tetradic Color

#b52132
```
#b52132 rgb(181,33,50)
```
#ca2538
```
#ca2538 rgb(202,37,56)
```
#d92f44
```
#d92f44 rgb(217,47,68)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#e15b6a
```
#e15b6a rgb(225,91,106)
```
#e5707e
```
#e5707e rgb(229,112,126)
```
#e98691
```
#e98691 rgb(233,134,145)
```

Monochromatic Color

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

#dd457d
```
#dd457d rgb(221,69,125)
```
#dd4570
```
#dd4570 rgb(221,69,112)
```
#dd4564
```
#dd4564 rgb(221,69,100)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#dd454a
```
#dd454a rgb(221,69,74)
```
#dd4c45
```
#dd4c45 rgb(221,76,69)
```
#dd5945
```
#dd5945 rgb(221,89,69)
```

Similar Colors

Text with hexadecimal color #dd4557

This text has a font color of #dd4557.

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

#dd4557 background color

This paragraph has a background color of #dd4557.

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

#dd4557 border color

This element has a border color of #dd4557.

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

CSS codes

.text {color:#dd4557;}

.background {background-color:#dd4557;}

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

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

#0d0204
```
#0d0204 rgb(13,2,4)
```
#1e0508
```
#1e0508 rgb(30,5,8)
```
#2e080d
```
#2e080d rgb(46,8,13)
```
#3f0b12
```
#3f0b12 rgb(63,11,18)
```
#4f0f16
```
#4f0f16 rgb(79,15,22)
```
#60121b
```
#60121b rgb(96,18,27)
```
#71151f
```
#71151f rgb(113,21,31)
```
#811824
```
#811824 rgb(129,24,36)
```
#921b29
```
#921b29 rgb(146,27,41)
```
#a21e2d
```
#a21e2d rgb(162,30,45)
```
#b32132
```
#b32132 rgb(179,33,50)
```
#c32437
```
#c32437 rgb(195,36,55)
```
#d4273b
```
#d4273b rgb(212,39,59)
```

Shade Color Variation

#da3448
```
#da3448 rgb(218,52,72)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#e05666
```
#e05666 rgb(224,86,102)
```
#e36675
```
#e36675 rgb(227,102,117)
```
#e67784
```
#e67784 rgb(230,119,132)
```
#e98793
```
#e98793 rgb(233,135,147)
```
#ec98a2
```
#ec98a2 rgb(236,152,162)
```
#efa9b1
```
#efa9b1 rgb(239,169,177)
```
#f2b9c0
```
#f2b9c0 rgb(242,185,192)
```
#f5cacf
```
#f5cacf rgb(245,202,207)
```
#f8dade
```
#f8dade rgb(248,218,222)
```
#fbebed
```
#fbebed rgb(251,235,237)
```
#fefbfc
```
#fefbfc rgb(254,251,252)
```

Tint Color Variation

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

#99898b
```
#99898b rgb(153,137,139)
```
#a28084
```
#a28084 rgb(162,128,132)
```
#aa787e
```
#aa787e rgb(170,120,126)
```
#b36f77
```
#b36f77 rgb(179,111,119)
```
#bb6771
```
#bb6771 rgb(187,103,113)
```
#c45e6a
```
#c45e6a rgb(196,94,106)
```
#cc5664
```
#cc5664 rgb(204,86,100)
```
#d54d5d
```
#d54d5d rgb(213,77,93)
```
#dd4557
```
#dd4557 rgb(221,69,87)
```
#e53d51
```
#e53d51 rgb(229,61,81)
```
#ee344a
```
#ee344a rgb(238,52,74)
```
#f62c44
```
#f62c44 rgb(246,44,68)
```
#ff233d
```
#ff233d rgb(255,35,61)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#8a6b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#898274 Protanopia 1% of men
#9d7d56 Deuteranopia 1% of men
#de5054 Tritanopia 0.001% of the population

Trichromacy

#a76c69 Protanomaly 1% of men, 0.01% of women
#b46956 Deuteranomaly 6% of men, 0.4% of women
#dd4c55 Tritanomaly 0.01% of the population