#dd1557 hex color

In a RGB color space, hex #dd1557 is composed of 86.7% red, 8.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.5% magenta, 60.6% yellow and 13.3% black. It has a hue angle of 340.2 degrees, a saturation of 82.6% and a lightness of 47.5%. #dd1557 color hex could be obtained by blending #ff2aae with #bb0000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 87
- G 8
- B 34
RGB color chart
- C 0
- M 90
- Y 61
- K 13
CMYK color chart

● #dd1557 color description : Vivid pink.

The hexadecimal color #dd1557 has RGB values of R:221, G:21, B:87 and CMYK values of C:0, M:0.9, Y:0.61, K:0.13. Its decimal value is 14488919.

Hex triplet	dd1557	`#dd1557`
RGB Decimal	221, 21, 87	`rgb(221,21,87)`
RGB Percent	86.7, 8.2, 34.1	`rgb(86.7%,8.2%,34.1%)`
CMYK	0, 90, 61, 13
HSL	340.2°, 82.6, 47.5	`hsl(340.2,82.6%,47.5%)`
HSV (or HSB)	340.2°, 90.5, 86.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	47.753, 72.345, 18.071
XYZ	31.809, 16.6, 10.546
xyY	0.54, 0.282, 16.6
CIE-LCH	47.753, 74.568, 14.025
CIE-LUV	47.753, 129.975, 6.102
Hunter-Lab	40.744, 68.054, 13.175
Binary	11011101, 00010101, 01010111

#dd1557
```
#dd1557 rgb(221,21,87)
```
#15dd9b
```
#15dd9b rgb(21,221,155)
```

Complementary Color

#dd15bb
```
#dd15bb rgb(221,21,187)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#dd3715
```
#dd3715 rgb(221,55,21)
```

Analogous Color

#15bbdd
```
#15bbdd rgb(21,187,221)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#15dd37
```
#15dd37 rgb(21,221,55)
```

Split Complementary Color

#1557dd
```
#1557dd rgb(21,87,221)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#57dd15
```
#57dd15 rgb(87,221,21)
```

Triadic Color

#9b15dd
```
#9b15dd rgb(155,21,221)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#57dd15
```
#57dd15 rgb(87,221,21)
```
#15dd9b
```
#15dd9b rgb(21,221,155)
```

Tetradic Color

#970e3b
```
#970e3b rgb(151,14,59)
```
#ae1145
```
#ae1145 rgb(174,17,69)
```
#c6134e
```
#c6134e rgb(198,19,78)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#ea2264
```
#ea2264 rgb(234,34,100)
```
#ec3974
```
#ec3974 rgb(236,57,116)
```
#ee5084
```
#ee5084 rgb(238,80,132)
```

Monochromatic Color

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

#dd1589
```
#dd1589 rgb(221,21,137)
```
#dd1578
```
#dd1578 rgb(221,21,120)
```
#dd1568
```
#dd1568 rgb(221,21,104)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#dd1546
```
#dd1546 rgb(221,21,70)
```
#dd1536
```
#dd1536 rgb(221,21,54)
```
#dd1525
```
#dd1525 rgb(221,21,37)
```

Similar Colors

Text with hexadecimal color #dd1557

This text has a font color of #dd1557.

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

#dd1557 background color

This paragraph has a background color of #dd1557.

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

#dd1557 border color

This element has a border color of #dd1557.

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

CSS codes

.text {color:#dd1557;}

.background {background-color:#dd1557;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#180209
```
#180209 rgb(24,2,9)
```
#2a0410
```
#2a0410 rgb(42,4,16)
```
#3c0618
```
#3c0618 rgb(60,6,24)
```
#4e071f
```
#4e071f rgb(78,7,31)
```
#600926
```
#600926 rgb(96,9,38)
```
#720b2d
```
#720b2d rgb(114,11,45)
```
#830c34
```
#830c34 rgb(131,12,52)
```
#950e3b
```
#950e3b rgb(149,14,59)
```
#a71042
```
#a71042 rgb(167,16,66)
```
#b91249
```
#b91249 rgb(185,18,73)
```
#cb1350
```
#cb1350 rgb(203,19,80)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```

Shade Color Variation

#e91c60
```
#e91c60 rgb(233,28,96)
```
#eb2e6c
```
#eb2e6c rgb(235,46,108)
```
#ed4079
```
#ed4079 rgb(237,64,121)
```
#ef5286
```
#ef5286 rgb(239,82,134)
```
#f06492
```
#f06492 rgb(240,100,146)
```
#f2769f
```
#f2769f rgb(242,118,159)
```
#f488ab
```
#f488ab rgb(244,136,171)
```
#f59ab8
```
#f59ab8 rgb(245,154,184)
```
#f7abc4
```
#f7abc4 rgb(247,171,196)
```
#f9bdd1
```
#f9bdd1 rgb(249,189,209)
```
#facfde
```
#facfde rgb(250,207,222)
```
#fce1ea
```
#fce1ea rgb(252,225,234)
```
#fef3f7
```
#fef3f7 rgb(254,243,247)
```

Tint Color Variation

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

#807277
```
#807277 rgb(128,114,119)
```
#896973
```
#896973 rgb(137,105,115)
```
#935f70
```
#935f70 rgb(147,95,112)
```
#9c566d
```
#9c566d rgb(156,86,109)
```
#a54d6a
```
#a54d6a rgb(165,77,106)
```
#ae4467
```
#ae4467 rgb(174,68,103)
```
#b83a64
```
#b83a64 rgb(184,58,100)
```
#c13160
```
#c13160 rgb(193,49,96)
```
#ca285d
```
#ca285d rgb(202,40,93)
```
#d41e5a
```
#d41e5a rgb(212,30,90)
```
#dd1557
```
#dd1557 rgb(221,21,87)
```
#e60c54
```
#e60c54 rgb(230,12,84)
```
#f00251
```
#f00251 rgb(240,2,81)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#734b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78777f Protanopia 1% of men
#8f7353 Deuteranopia 1% of men
#dd3130 Tritanopia 0.001% of the population

Trichromacy

#9d5370 Protanomaly 1% of men, 0.01% of women
#ab5154 Deuteranomaly 6% of men, 0.4% of women
#dd263e Tritanomaly 0.01% of the population

#dd1557 hex color

#dd1557 Color Information

#dd1557 Color Conversion

Color Schemes with #dd1557

Alternatives to #dd1557

#dd1557 Preview

Shades and Tints of #dd1557

Tones of #dd1557

Color Blindness Simulator