#dc2457 hex color

In a RGB color space, hex #dc2457 is composed of 86.3% red, 14.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.6% magenta, 60.5% yellow and 13.7% black. It has a hue angle of 343.4 degrees, a saturation of 72.4% and a lightness of 50.2%. #dc2457 color hex could be obtained by blending #ff48ae with #b90000. Closest websafe color is: #cc3366.

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

● #dc2457 color description : Bright pink.

The hexadecimal color #dc2457 has RGB values of R:220, G:36, B:87 and CMYK values of C:0, M:0.84, Y:0.6, K:0.14. Its decimal value is 14427223.

Hex triplet	dc2457	`#dc2457`
RGB Decimal	220, 36, 87	`rgb(220,36,87)`
RGB Percent	86.3, 14.1, 34.1	`rgb(86.3%,14.1%,34.1%)`
CMYK	0, 84, 60, 14
HSL	343.4°, 72.4, 50.2	`hsl(343.4,72.4%,50.2%)`
HSV (or HSB)	343.4°, 83.6, 86.3
Web Safe	cc3366	`#cc3366`

CIE-LAB	48.473, 69.456, 19.004
XYZ	31.868, 17.169, 10.652
xyY	0.534, 0.288, 17.169
CIE-LCH	48.473, 72.009, 15.302
CIE-LUV	48.473, 125.282, 7.877
Hunter-Lab	41.436, 64.769, 13.763
Binary	11011100, 00100100, 01010111

#dc2457
```
#dc2457 rgb(220,36,87)
```
#24dca9
```
#24dca9 rgb(36,220,169)
```

Complementary Color

#dc24b3
```
#dc24b3 rgb(220,36,179)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#dc4d24
```
#dc4d24 rgb(220,77,36)
```

Analogous Color

#24b3dc
```
#24b3dc rgb(36,179,220)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#24dc4d
```
#24dc4d rgb(36,220,77)
```

Split Complementary Color

#2457dc
```
#2457dc rgb(36,87,220)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#57dc24
```
#57dc24 rgb(87,220,36)
```

Triadic Color

#a924dc
```
#a924dc rgb(169,36,220)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#57dc24
```
#57dc24 rgb(87,220,36)
```
#24dca9
```
#24dca9 rgb(36,220,169)
```

Tetradic Color

#9b193d
```
#9b193d rgb(155,25,61)
```
#b11c45
```
#b11c45 rgb(177,28,69)
```
#c7204e
```
#c7204e rgb(199,32,78)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#e03a68
```
#e03a68 rgb(224,58,104)
```
#e35079
```
#e35079 rgb(227,80,121)
```
#e7668a
```
#e7668a rgb(231,102,138)
```

Monochromatic Color

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

#dc2485
```
#dc2485 rgb(220,36,133)
```
#dc2476
```
#dc2476 rgb(220,36,118)
```
#dc2466
```
#dc2466 rgb(220,36,102)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#dc2448
```
#dc2448 rgb(220,36,72)
```
#dc2438
```
#dc2438 rgb(220,36,56)
```
#dc2429
```
#dc2429 rgb(220,36,41)
```

Similar Colors

Text with hexadecimal color #dc2457

This text has a font color of #dc2457.

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

#dc2457 background color

This paragraph has a background color of #dc2457.

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

#dc2457 border color

This element has a border color of #dc2457.

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

CSS codes

.text {color:#dc2457;}

.background {background-color:#dc2457;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120307
```
#120307 rgb(18,3,7)
```
#23060e
```
#23060e rgb(35,6,14)
```
#340814
```
#340814 rgb(52,8,20)
```
#450b1b
```
#450b1b rgb(69,11,27)
```
#550e22
```
#550e22 rgb(85,14,34)
```
#661028
```
#661028 rgb(102,16,40)
```
#77132f
```
#77132f rgb(119,19,47)
```
#881635
```
#881635 rgb(136,22,53)
```
#99183c
```
#99183c rgb(153,24,60)
```
#aa1b43
```
#aa1b43 rgb(170,27,67)
```
#bb1e49
```
#bb1e49 rgb(187,30,73)
```
#cc2150
```
#cc2150 rgb(204,33,80)
```

Shade Color Variation

#dc2457
```
#dc2457 rgb(220,36,87)
```
#df3564
```
#df3564 rgb(223,53,100)
```
#e14671
```
#e14671 rgb(225,70,113)
```
#e4577e
```
#e4577e rgb(228,87,126)
```
#e7688b
```
#e7688b rgb(231,104,139)
```
#ea7998
```
#ea7998 rgb(234,121,152)
```
#ec89a5
```
#ec89a5 rgb(236,137,165)
```
#ef9ab2
```
#ef9ab2 rgb(239,154,178)
```
#f2abbf
```
#f2abbf rgb(242,171,191)
```
#f4bccc
```
#f4bccc rgb(244,188,204)
```
#f7cdd9
```
#f7cdd9 rgb(247,205,217)
```
#fadee6
```
#fadee6 rgb(250,222,230)
```
#fceff3
```
#fceff3 rgb(252,239,243)
```

Tint Color Variation

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

#847c7e
```
#847c7e rgb(132,124,126)
```
#8e727a
```
#8e727a rgb(142,114,122)
```
#986875
```
#986875 rgb(152,104,117)
```
#a15f71
```
#a15f71 rgb(161,95,113)
```
#ab556d
```
#ab556d rgb(171,85,109)
```
#b54b68
```
#b54b68 rgb(181,75,104)
```
#bf4164
```
#bf4164 rgb(191,65,100)
```
#c83860
```
#c83860 rgb(200,56,96)
```
#d22e5b
```
#d22e5b rgb(210,46,91)
```
#dc2457
```
#dc2457 rgb(220,36,87)
```
#e61a53
```
#e61a53 rgb(230,26,83)
```
#f0104e
```
#f0104e rgb(240,16,78)
```
#f9074a
```
#f9074a rgb(249,7,74)
```

Tone Color Variation

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

#7b797c Protanopia 1% of men
#917554 Deuteranopia 1% of men
#dc393a Tritanopia 0.001% of the population

Trichromacy

#9e5a6e Protanomaly 1% of men, 0.01% of women
#ac5755 Deuteranomaly 6% of men, 0.4% of women
#dc3144 Tritanomaly 0.01% of the population

#dc2457 hex color

#dc2457 Color Information

#dc2457 Color Conversion

Color Schemes with #dc2457

Alternatives to #dc2457

#dc2457 Preview

Shades and Tints of #dc2457

Tones of #dc2457

Color Blindness Simulator