#dc2557 hex color

In a RGB color space, hex #dc2557 is composed of 86.3% red, 14.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.2% magenta, 60.5% yellow and 13.7% black. It has a hue angle of 343.6 degrees, a saturation of 72.3% and a lightness of 50.4%. #dc2557 color hex could be obtained by blending #ff4aae with #b90000. Closest websafe color is: #cc3366.

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

● #dc2557 color description : Bright pink.

The hexadecimal color #dc2557 has RGB values of R:220, G:37, B:87 and CMYK values of C:0, M:0.83, Y:0.6, K:0.14. Its decimal value is 14427479.

Hex triplet	dc2557	`#dc2557`
RGB Decimal	220, 37, 87	`rgb(220,37,87)`
RGB Percent	86.3, 14.5, 34.1	`rgb(86.3%,14.5%,34.1%)`
CMYK	0, 83, 60, 14
HSL	343.6°, 72.3, 50.4	`hsl(343.6,72.3%,50.4%)`
HSV (or HSB)	343.6°, 83.2, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.549, 69.237, 19.106
XYZ	31.898, 17.231, 10.663
xyY	0.533, 0.288, 17.231
CIE-LCH	48.549, 71.825, 15.427
CIE-LUV	48.549, 124.958, 8.047
Hunter-Lab	41.51, 64.527, 13.827
Binary	11011100, 00100101, 01010111

#dc2557
```
#dc2557 rgb(220,37,87)
```
#25dcaa
```
#25dcaa rgb(37,220,170)
```

Complementary Color

#dc25b3
```
#dc25b3 rgb(220,37,179)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#dc4f25
```
#dc4f25 rgb(220,79,37)
```

Analogous Color

#25b3dc
```
#25b3dc rgb(37,179,220)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#25dc4f
```
#25dc4f rgb(37,220,79)
```

Split Complementary Color

#2557dc
```
#2557dc rgb(37,87,220)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#57dc25
```
#57dc25 rgb(87,220,37)
```

Triadic Color

#aa25dc
```
#aa25dc rgb(170,37,220)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#57dc25
```
#57dc25 rgb(87,220,37)
```
#25dcaa
```
#25dcaa rgb(37,220,170)
```

Tetradic Color

#9c193d
```
#9c193d rgb(156,25,61)
```
#b21c45
```
#b21c45 rgb(178,28,69)
```
#c7204e
```
#c7204e rgb(199,32,78)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#e03b68
```
#e03b68 rgb(224,59,104)
```
#e35179
```
#e35179 rgb(227,81,121)
```
#e7678a
```
#e7678a rgb(231,103,138)
```

Monochromatic Color

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

#dc2585
```
#dc2585 rgb(220,37,133)
```
#dc2576
```
#dc2576 rgb(220,37,118)
```
#dc2566
```
#dc2566 rgb(220,37,102)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#dc2548
```
#dc2548 rgb(220,37,72)
```
#dc2539
```
#dc2539 rgb(220,37,57)
```
#dc2529
```
#dc2529 rgb(220,37,41)
```

Similar Colors

Text with hexadecimal color #dc2557

This text has a font color of #dc2557.

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

#dc2557 background color

This paragraph has a background color of #dc2557.

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

#dc2557 border color

This element has a border color of #dc2557.

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

CSS codes

.text {color:#dc2557;}

.background {background-color:#dc2557;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#130307
```
#130307 rgb(19,3,7)
```
#24060e
```
#24060e rgb(36,6,14)
```
#340814
```
#340814 rgb(52,8,20)
```
#450b1b
```
#450b1b rgb(69,11,27)
```
#560e22
```
#560e22 rgb(86,14,34)
```
#671128
```
#671128 rgb(103,17,40)
```
#78132f
```
#78132f rgb(120,19,47)
```
#891635
```
#891635 rgb(137,22,53)
```
#9a193c
```
#9a193c rgb(154,25,60)
```
#ab1b43
```
#ab1b43 rgb(171,27,67)
```
#bc1e49
```
#bc1e49 rgb(188,30,73)
```
#cd2150
```
#cd2150 rgb(205,33,80)
```

Shade Color Variation

#dc2557
```
#dc2557 rgb(220,37,87)
```
#df3664
```
#df3664 rgb(223,54,100)
```
#e14771
```
#e14771 rgb(225,71,113)
```
#e4587e
```
#e4587e rgb(228,88,126)
```
#e7698b
```
#e7698b rgb(231,105,139)
```
#ea7a98
```
#ea7a98 rgb(234,122,152)
```
#ec8aa5
```
#ec8aa5 rgb(236,138,165)
```
#ef9bb2
```
#ef9bb2 rgb(239,155,178)
```
#f2acbf
```
#f2acbf rgb(242,172,191)
```
#f4bdcc
```
#f4bdcc rgb(244,189,204)
```
#f7ced9
```
#f7ced9 rgb(247,206,217)
```
#fadfe6
```
#fadfe6 rgb(250,223,230)
```
#fdf0f3
```
#fdf0f3 rgb(253,240,243)
```

Tint Color Variation

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

#847d7f
```
#847d7f rgb(132,125,127)
```
#8e737a
```
#8e737a rgb(142,115,122)
```
#986976
```
#986976 rgb(152,105,118)
```
#a25f71
```
#a25f71 rgb(162,95,113)
```
#ab566d
```
#ab566d rgb(171,86,109)
```
#b54c69
```
#b54c69 rgb(181,76,105)
```
#bf4264
```
#bf4264 rgb(191,66,100)
```
#c93860
```
#c93860 rgb(201,56,96)
```
#d22f5b
```
#d22f5b rgb(210,47,91)
```
#dc2557
```
#dc2557 rgb(220,37,87)
```
#e61b53
```
#e61b53 rgb(230,27,83)
```
#ef124e
```
#ef124e rgb(239,18,78)
```
#f9084a
```
#f9084a rgb(249,8,74)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#7a555f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c797c Protanopia 1% of men
#917554 Deuteranopia 1% of men
#dc393b Tritanopia 0.001% of the population

Trichromacy

#9e5b6e Protanomaly 1% of men, 0.01% of women
#ac5855 Deuteranomaly 6% of men, 0.4% of women
#dc3245 Tritanomaly 0.01% of the population

#dc2557 hex color

#dc2557 Color Information

#dc2557 Color Conversion

Color Schemes with #dc2557

Alternatives to #dc2557

#dc2557 Preview

Shades and Tints of #dc2557

Tones of #dc2557

Color Blindness Simulator