#dc1f57 hex color

In a RGB color space, hex #dc1f57 is composed of 86.3% red, 12.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.9% magenta, 60.5% yellow and 13.7% black. It has a hue angle of 342.2 degrees, a saturation of 75.3% and a lightness of 49.2%. #dc1f57 color hex could be obtained by blending #ff3eae with #b90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 86
- G 12
- B 34
RGB color chart
- C 0
- M 86
- Y 60
- K 14
CMYK color chart

● #dc1f57 color description : Vivid pink.

The hexadecimal color #dc1f57 has RGB values of R:220, G:31, B:87 and CMYK values of C:0, M:0.86, Y:0.6, K:0.14. Its decimal value is 14425943.

Hex triplet	dc1f57	`#dc1f57`
RGB Decimal	220, 31, 87	`rgb(220,31,87)`
RGB Percent	86.3, 12.2, 34.1	`rgb(86.3%,12.2%,34.1%)`
CMYK	0, 86, 60, 14
HSL	342.2°, 75.3, 49.2	`hsl(342.2,75.3%,49.2%)`
HSV (or HSB)	342.2°, 85.9, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.118, 70.472, 18.528
XYZ	31.727, 16.888, 10.605
xyY	0.536, 0.285, 16.888
CIE-LCH	48.118, 72.867, 14.73
CIE-LUV	48.118, 126.784, 7.093
Hunter-Lab	41.094, 65.895, 13.465
Binary	11011100, 00011111, 01010111

#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#1fdca4
```
#1fdca4 rgb(31,220,164)
```

Complementary Color

#dc1fb6
```
#dc1fb6 rgb(220,31,182)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#dc461f
```
#dc461f rgb(220,70,31)
```

Analogous Color

#1fb6dc
```
#1fb6dc rgb(31,182,220)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#1fdc46
```
#1fdc46 rgb(31,220,70)
```

Split Complementary Color

#1f57dc
```
#1f57dc rgb(31,87,220)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#57dc1f
```
#57dc1f rgb(87,220,31)
```

Triadic Color

#a41fdc
```
#a41fdc rgb(164,31,220)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#57dc1f
```
#57dc1f rgb(87,220,31)
```
#1fdca4
```
#1fdca4 rgb(31,220,164)
```

Tetradic Color

#99163c
```
#99163c rgb(153,22,60)
```
#af1945
```
#af1945 rgb(175,25,69)
```
#c61c4e
```
#c61c4e rgb(198,28,78)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#e23266
```
#e23266 rgb(226,50,102)
```
#e54977
```
#e54977 rgb(229,73,119)
```
#e85f88
```
#e85f88 rgb(232,95,136)
```

Monochromatic Color

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

#dc1f86
```
#dc1f86 rgb(220,31,134)
```
#dc1f77
```
#dc1f77 rgb(220,31,119)
```
#dc1f67
```
#dc1f67 rgb(220,31,103)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#dc1f47
```
#dc1f47 rgb(220,31,71)
```
#dc1f37
```
#dc1f37 rgb(220,31,55)
```
#dc1f28
```
#dc1f28 rgb(220,31,40)
```

Similar Colors

Text with hexadecimal color #dc1f57

This text has a font color of #dc1f57.

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

#dc1f57 background color

This paragraph has a background color of #dc1f57.

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

#dc1f57 border color

This element has a border color of #dc1f57.

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

CSS codes

.text {color:#dc1f57;}

.background {background-color:#dc1f57;}

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

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

#0e0205
```
#0e0205 rgb(14,2,5)
```
#1f040c
```
#1f040c rgb(31,4,12)
```
#300713
```
#300713 rgb(48,7,19)
```
#41091a
```
#41091a rgb(65,9,26)
```
#520c21
```
#520c21 rgb(82,12,33)
```
#640e27
```
#640e27 rgb(100,14,39)
```
#75102e
```
#75102e rgb(117,16,46)
```
#861335
```
#861335 rgb(134,19,53)
```
#97153c
```
#97153c rgb(151,21,60)
```
#a81843
```
#a81843 rgb(168,24,67)
```
#ba1a49
```
#ba1a49 rgb(186,26,73)
```
#cb1d50
```
#cb1d50 rgb(203,29,80)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```

Shade Color Variation

#e12d63
```
#e12d63 rgb(225,45,99)
```
#e43e6f
```
#e43e6f rgb(228,62,111)
```
#e6507c
```
#e6507c rgb(230,80,124)
```
#e96189
```
#e96189 rgb(233,97,137)
```
#eb7296
```
#eb7296 rgb(235,114,150)
```
#ee83a3
```
#ee83a3 rgb(238,131,163)
```
#f094af
```
#f094af rgb(240,148,175)
```
#f2a6bc
```
#f2a6bc rgb(242,166,188)
```
#f5b7c9
```
#f5b7c9 rgb(245,183,201)
```
#f7c8d6
```
#f7c8d6 rgb(247,200,214)
```
#fad9e3
```
#fad9e3 rgb(250,217,227)
```
#fceaf0
```
#fceaf0 rgb(252,234,240)
```
#fffbfc
```
#fffbfc rgb(255,251,252)
```

Tint Color Variation

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

#85767a
```
#85767a rgb(133,118,122)
```
#8f6c76
```
#8f6c76 rgb(143,108,118)
```
#986373
```
#986373 rgb(152,99,115)
```
#a2596f
```
#a2596f rgb(162,89,111)
```
#ac4f6b
```
#ac4f6b rgb(172,79,107)
```
#b54667
```
#b54667 rgb(181,70,103)
```
#bf3c63
```
#bf3c63 rgb(191,60,99)
```
#c9325f
```
#c9325f rgb(201,50,95)
```
#d2295b
```
#d2295b rgb(210,41,91)
```
#dc1f57
```
#dc1f57 rgb(220,31,87)
```
#e61553
```
#e61553 rgb(230,21,83)
```
#ef0c4f
```
#ef0c4f rgb(239,12,79)
```
#f9024b
```
#f9024b rgb(249,2,75)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#77515d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a787d Protanopia 1% of men
#907453 Deuteranopia 1% of men
#dc3637 Tritanopia 0.001% of the population

Trichromacy

#9d586f Protanomaly 1% of men, 0.01% of women
#ac5555 Deuteranomaly 6% of men, 0.4% of women
#dc2d42 Tritanomaly 0.01% of the population

#dc1f57 hex color

#dc1f57 Color Information

#dc1f57 Color Conversion

Color Schemes with #dc1f57

Alternatives to #dc1f57

#dc1f57 Preview

Shades and Tints of #dc1f57

Tones of #dc1f57

Color Blindness Simulator