#d42057 hex color

In a RGB color space, hex #d42057 is composed of 83.1% red, 12.5% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.9% magenta, 59% yellow and 16.9% black. It has a hue angle of 341.7 degrees, a saturation of 73.8% and a lightness of 47.8%. #d42057 color hex could be obtained by blending #ff40ae with #a90000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 13
- B 34
RGB color chart
- C 0
- M 85
- Y 59
- K 17
CMYK color chart

● #d42057 color description : Strong pink.

The hexadecimal color #d42057 has RGB values of R:212, G:32, B:87 and CMYK values of C:0, M:0.85, Y:0.59, K:0.17. Its decimal value is 13901911.

Hex triplet	d42057	`#d42057`
RGB Decimal	212, 32, 87	`rgb(212,32,87)`
RGB Percent	83.1, 12.5, 34.1	`rgb(83.1%,12.5%,34.1%)`
CMYK	0, 85, 59, 17
HSL	341.7°, 73.8, 47.8	`hsl(341.7,73.8%,47.8%)`
HSV (or HSB)	341.7°, 84.9, 83.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.607, 68.248, 16.219
XYZ	29.389, 15.722, 10.503
xyY	0.528, 0.283, 15.722
CIE-LCH	46.607, 70.149, 13.368
CIE-LUV	46.607, 120.175, 5.162
Hunter-Lab	39.651, 62.917, 12.05
Binary	11010100, 00100000, 01010111

#d42057
```
#d42057 rgb(212,32,87)
```
#20d49d
```
#20d49d rgb(32,212,157)
```

Complementary Color

#d420b1
```
#d420b1 rgb(212,32,177)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#d44320
```
#d44320 rgb(212,67,32)
```

Analogous Color

#20b1d4
```
#20b1d4 rgb(32,177,212)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#20d443
```
#20d443 rgb(32,212,67)
```

Split Complementary Color

#2057d4
```
#2057d4 rgb(32,87,212)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#57d420
```
#57d420 rgb(87,212,32)
```

Triadic Color

#9d20d4
```
#9d20d4 rgb(157,32,212)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#57d420
```
#57d420 rgb(87,212,32)
```
#20d49d
```
#20d49d rgb(32,212,157)
```

Tetradic Color

#92163c
```
#92163c rgb(146,22,60)
```
#a81945
```
#a81945 rgb(168,25,69)
```
#be1d4e
```
#be1d4e rgb(190,29,78)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#df2e64
```
#df2e64 rgb(223,46,100)
```
#e34475
```
#e34475 rgb(227,68,117)
```
#e65a85
```
#e65a85 rgb(230,90,133)
```

Monochromatic Color

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

#d42084
```
#d42084 rgb(212,32,132)
```
#d42075
```
#d42075 rgb(212,32,117)
```
#d42066
```
#d42066 rgb(212,32,102)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#d42048
```
#d42048 rgb(212,32,72)
```
#d42039
```
#d42039 rgb(212,32,57)
```
#d4202a
```
#d4202a rgb(212,32,42)
```

Similar Colors

Text with hexadecimal color #d42057

This text has a font color of #d42057.

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

#d42057 background color

This paragraph has a background color of #d42057.

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

#d42057 border color

This element has a border color of #d42057.

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

CSS codes

.text {color:#d42057;}

.background {background-color:#d42057;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#19040a
```
#19040a rgb(25,4,10)
```
#2a0611
```
#2a0611 rgb(42,6,17)
```
#3b0918
```
#3b0918 rgb(59,9,24)
```
#4c0b1f
```
#4c0b1f rgb(76,11,31)
```
#5d0e26
```
#5d0e26 rgb(93,14,38)
```
#6e112d
```
#6e112d rgb(110,17,45)
```
#7f1334
```
#7f1334 rgb(127,19,52)
```
#90163b
```
#90163b rgb(144,22,59)
```
#a11842
```
#a11842 rgb(161,24,66)
```
#b21b49
```
#b21b49 rgb(178,27,73)
```
#c31d50
```
#c31d50 rgb(195,29,80)
```
#d42057
```
#d42057 rgb(212,32,87)
```

Shade Color Variation

#df2960
```
#df2960 rgb(223,41,96)
```
#e13a6d
```
#e13a6d rgb(225,58,109)
```
#e44b7a
```
#e44b7a rgb(228,75,122)
```
#e65c86
```
#e65c86 rgb(230,92,134)
```
#e96d93
```
#e96d93 rgb(233,109,147)
```
#ec7ea0
```
#ec7ea0 rgb(236,126,160)
```
#ee8fac
```
#ee8fac rgb(238,143,172)
```
#f1a0b9
```
#f1a0b9 rgb(241,160,185)
```
#f3b1c5
```
#f3b1c5 rgb(243,177,197)
```
#f6c2d2
```
#f6c2d2 rgb(246,194,210)
```
#f8d3df
```
#f8d3df rgb(248,211,223)
```
#fbe4eb
```
#fbe4eb rgb(251,228,235)
```
#fef5f8
```
#fef5f8 rgb(254,245,248)
```

Tint Color Variation

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

#807478
```
#807478 rgb(128,116,120)
```
#896b74
```
#896b74 rgb(137,107,116)
```
#926271
```
#926271 rgb(146,98,113)
```
#9c586d
```
#9c586d rgb(156,88,109)
```
#a54f69
```
#a54f69 rgb(165,79,105)
```
#ae4666
```
#ae4666 rgb(174,70,102)
```
#b83c62
```
#b83c62 rgb(184,60,98)
```
#c1335e
```
#c1335e rgb(193,51,94)
```
#cb295b
```
#cb295b rgb(203,41,91)
```
#d42057
```
#d42057 rgb(212,32,87)
```
#dd1753
```
#dd1753 rgb(221,23,83)
```
#e70d50
```
#e70d50 rgb(231,13,80)
```
#f0044c
```
#f0044c rgb(240,4,76)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#74505b Atypical Achromatopsia 0.001% of the population

Dichromacy

#75757c Protanopia 1% of men
#8b7154 Deuteranopia 1% of men
#d43637 Tritanopia 0.001% of the population

Trichromacy

#98566f Protanomaly 1% of men, 0.01% of women
#a55355 Deuteranomaly 6% of men, 0.4% of women
#d42e43 Tritanomaly 0.01% of the population

#d42057 hex color

#d42057 Color Information

#d42057 Color Conversion

Color Schemes with #d42057

Alternatives to #d42057

#d42057 Preview

Shades and Tints of #d42057

Tones of #d42057

Color Blindness Simulator