#d51057 hex color

In a RGB color space, hex #d51057 is composed of 83.5% red, 6.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.5% magenta, 59.2% yellow and 16.5% black. It has a hue angle of 338.4 degrees, a saturation of 86% and a lightness of 44.9%. #d51057 color hex could be obtained by blending #ff20ae with #ab0000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 84
- G 6
- B 34
RGB color chart
- C 0
- M 92
- Y 59
- K 16
CMYK color chart

● #d51057 color description : Strong pink.

The hexadecimal color #d51057 has RGB values of R:213, G:16, B:87 and CMYK values of C:0, M:0.92, Y:0.59, K:0.16. Its decimal value is 13963351.

Hex triplet	d51057	`#d51057`
RGB Decimal	213, 16, 87	`rgb(213,16,87)`
RGB Percent	83.5, 6.3, 34.1	`rgb(83.5%,6.3%,34.1%)`
CMYK	0, 92, 59, 16
HSL	338.4°, 86, 44.9	`hsl(338.4,86%,44.9%)`
HSV (or HSB)	338.4°, 92.5, 83.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.918, 71.057, 15.314
XYZ	29.347, 15.208, 10.407
xyY	0.534, 0.277, 15.208
CIE-LCH	45.918, 72.688, 12.162
CIE-LUV	45.918, 124.631, 3.453
Hunter-Lab	38.998, 66.081, 11.477
Binary	11010101, 00010000, 01010111

#d51057
```
#d51057 rgb(213,16,87)
```
#10d58e
```
#10d58e rgb(16,213,142)
```

Complementary Color

#d510ba
```
#d510ba rgb(213,16,186)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#d52b10
```
#d52b10 rgb(213,43,16)
```

Analogous Color

#10bad5
```
#10bad5 rgb(16,186,213)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#10d52b
```
#10d52b rgb(16,213,43)
```

Split Complementary Color

#1057d5
```
#1057d5 rgb(16,87,213)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#57d510
```
#57d510 rgb(87,213,16)
```

Triadic Color

#8e10d5
```
#8e10d5 rgb(142,16,213)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#57d510
```
#57d510 rgb(87,213,16)
```
#10d58e
```
#10d58e rgb(16,213,142)
```

Tetradic Color

#8e0b3a
```
#8e0b3a rgb(142,11,58)
```
#a60c44
```
#a60c44 rgb(166,12,68)
```
#bd0e4d
```
#bd0e4d rgb(189,14,77)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#ed1261
```
#ed1261 rgb(237,18,97)
```
#ef2970
```
#ef2970 rgb(239,41,112)
```
#f14180
```
#f14180 rgb(241,65,128)
```

Monochromatic Color

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

#d51088
```
#d51088 rgb(213,16,136)
```
#d51078
```
#d51078 rgb(213,16,120)
```
#d51067
```
#d51067 rgb(213,16,103)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#d51047
```
#d51047 rgb(213,16,71)
```
#d51036
```
#d51036 rgb(213,16,54)
```
#d51026
```
#d51026 rgb(213,16,38)
```

Similar Colors

Text with hexadecimal color #d51057

This text has a font color of #d51057.

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

#d51057 background color

This paragraph has a background color of #d51057.

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

#d51057 border color

This element has a border color of #d51057.

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

CSS codes

.text {color:#d51057;}

.background {background-color:#d51057;}

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

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

#0c0105
```
#0c0105 rgb(12,1,5)
```
#1f020c
```
#1f020c rgb(31,2,12)
```
#310414
```
#310414 rgb(49,4,20)
```
#43051b
```
#43051b rgb(67,5,27)
```
#550623
```
#550623 rgb(85,6,35)
```
#68082a
```
#68082a rgb(104,8,42)
```
#7a0932
```
#7a0932 rgb(122,9,50)
```
#8c0b39
```
#8c0b39 rgb(140,11,57)
```
#9e0c41
```
#9e0c41 rgb(158,12,65)
```
#b10d48
```
#b10d48 rgb(177,13,72)
```
#c30f50
```
#c30f50 rgb(195,15,80)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#e7115e
```
#e7115e rgb(231,17,94)
```

Shade Color Variation

#ee1e69
```
#ee1e69 rgb(238,30,105)
```
#ef3075
```
#ef3075 rgb(239,48,117)
```
#f14381
```
#f14381 rgb(241,67,129)
```
#f2558e
```
#f2558e rgb(242,85,142)
```
#f4679a
```
#f4679a rgb(244,103,154)
```
#f579a6
```
#f579a6 rgb(245,121,166)
```
#f68cb2
```
#f68cb2 rgb(246,140,178)
```
#f89ebe
```
#f89ebe rgb(248,158,190)
```
#f9b0ca
```
#f9b0ca rgb(249,176,202)
```
#fac2d7
```
#fac2d7 rgb(250,194,215)
```
#fcd5e3
```
#fcd5e3 rgb(252,213,227)
```
#fde7ef
```
#fde7ef rgb(253,231,239)
```
#fff9fb
```
#fff9fb rgb(255,249,251)
```

Tint Color Variation

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

#747172
```
#747172 rgb(116,113,114)
```
#7d6870
```
#7d6870 rgb(125,104,112)
```
#865f6d
```
#865f6d rgb(134,95,109)
```
#8f566b
```
#8f566b rgb(143,86,107)
```
#974e68
```
#974e68 rgb(151,78,104)
```
#a04566
```
#a04566 rgb(160,69,102)
```
#a93c63
```
#a93c63 rgb(169,60,99)
```
#b23361
```
#b23361 rgb(178,51,97)
```
#bb2a5e
```
#bb2a5e rgb(187,42,94)
```
#c3225c
```
#c3225c rgb(195,34,92)
```
#cc1959
```
#cc1959 rgb(204,25,89)
```
#d51057
```
#d51057 rgb(213,16,87)
```
#de0755
```
#de0755 rgb(222,7,85)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6d4654 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72737f Protanopia 1% of men
#896f53 Deuteranopia 1% of men
#d52e2e Tritanopia 0.001% of the population

Trichromacy

#964f70 Protanomaly 1% of men, 0.01% of women
#a54c54 Deuteranomaly 6% of men, 0.4% of women
#d5233d Tritanomaly 0.01% of the population

#d51057 hex color

#d51057 Color Information

#d51057 Color Conversion

Color Schemes with #d51057

Alternatives to #d51057

#d51057 Preview

Shades and Tints of #d51057

Tones of #d51057

Color Blindness Simulator