#d31057 hex color

In a RGB color space, hex #d31057 is composed of 82.7% red, 6.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.4% magenta, 58.8% yellow and 17.3% black. It has a hue angle of 338.2 degrees, a saturation of 85.9% and a lightness of 44.5%. #d31057 color hex could be obtained by blending #ff20ae with #a70000. Closest websafe color is: #cc0066.

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

● #d31057 color description : Strong pink.

The hexadecimal color #d31057 has RGB values of R:211, G:16, B:87 and CMYK values of C:0, M:0.92, Y:0.59, K:0.17. Its decimal value is 13832279.

Hex triplet	d31057	`#d31057`
RGB Decimal	211, 16, 87	`rgb(211,16,87)`
RGB Percent	82.7, 6.3, 34.1	`rgb(82.7%,6.3%,34.1%)`
CMYK	0, 92, 59, 17
HSL	338.2°, 85.9, 44.5	`hsl(338.2,85.9%,44.5%)`
HSV (or HSB)	338.2°, 92.4, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.512, 70.579, 14.693
XYZ	28.771, 14.911, 10.38
xyY	0.532, 0.276, 14.911
CIE-LCH	45.512, 72.092, 11.76
CIE-LUV	45.512, 123.058, 2.902
Hunter-Lab	38.615, 65.419, 11.093
Binary	11010011, 00010000, 01010111

#d31057
```
#d31057 rgb(211,16,87)
```
#10d38c
```
#10d38c rgb(16,211,140)
```

Complementary Color

#d310b9
```
#d310b9 rgb(211,16,185)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#d32a10
```
#d32a10 rgb(211,42,16)
```

Analogous Color

#10b9d3
```
#10b9d3 rgb(16,185,211)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#10d32a
```
#10d32a rgb(16,211,42)
```

Split Complementary Color

#1057d3
```
#1057d3 rgb(16,87,211)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#57d310
```
#57d310 rgb(87,211,16)
```

Triadic Color

#8c10d3
```
#8c10d3 rgb(140,16,211)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#57d310
```
#57d310 rgb(87,211,16)
```
#10d38c
```
#10d38c rgb(16,211,140)
```

Tetradic Color

#8c0b3a
```
#8c0b3a rgb(140,11,58)
```
#a40c43
```
#a40c43 rgb(164,12,67)
```
#bb0e4d
```
#bb0e4d rgb(187,14,77)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#eb1261
```
#eb1261 rgb(235,18,97)
```
#ef2770
```
#ef2770 rgb(239,39,112)
```
#f03f80
```
#f03f80 rgb(240,63,128)
```

Monochromatic Color

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

#d31088
```
#d31088 rgb(211,16,136)
```
#d31078
```
#d31078 rgb(211,16,120)
```
#d31067
```
#d31067 rgb(211,16,103)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#d31047
```
#d31047 rgb(211,16,71)
```
#d31037
```
#d31037 rgb(211,16,55)
```
#d31026
```
#d31026 rgb(211,16,38)
```

Similar Colors

Text with hexadecimal color #d31057

This text has a font color of #d31057.

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

#d31057 background color

This paragraph has a background color of #d31057.

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

#d31057 border color

This element has a border color of #d31057.

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

CSS codes

.text {color:#d31057;}

.background {background-color:#d31057;}

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

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

#0a0104
```
#0a0104 rgb(10,1,4)
```
#1d020c
```
#1d020c rgb(29,2,12)
```
#2f0413
```
#2f0413 rgb(47,4,19)
```
#41051b
```
#41051b rgb(65,5,27)
```
#530622
```
#530622 rgb(83,6,34)
```
#66082a
```
#66082a rgb(102,8,42)
```
#780931
```
#780931 rgb(120,9,49)
```
#8a0a39
```
#8a0a39 rgb(138,10,57)
```
#9c0c40
```
#9c0c40 rgb(156,12,64)
```
#af0d48
```
#af0d48 rgb(175,13,72)
```
#c10f4f
```
#c10f4f rgb(193,15,79)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#e5115f
```
#e5115f rgb(229,17,95)
```

Shade Color Variation

#ee1c69
```
#ee1c69 rgb(238,28,105)
```
#ef2f75
```
#ef2f75 rgb(239,47,117)
```
#f14181
```
#f14181 rgb(241,65,129)
```
#f2538d
```
#f2538d rgb(242,83,141)
```
#f36599
```
#f36599 rgb(243,101,153)
```
#f578a5
```
#f578a5 rgb(245,120,165)
```
#f68ab1
```
#f68ab1 rgb(246,138,177)
```
#f79cbd
```
#f79cbd rgb(247,156,189)
```
#f9aec9
```
#f9aec9 rgb(249,174,201)
```
#fac1d6
```
#fac1d6 rgb(250,193,214)
```
#fcd3e2
```
#fcd3e2 rgb(252,211,226)
```
#fde5ee
```
#fde5ee rgb(253,229,238)
```
#fef7fa
```
#fef7fa rgb(254,247,250)
```

Tint Color Variation

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

#737071
```
#737071 rgb(115,112,113)
```
#7c676f
```
#7c676f rgb(124,103,111)
```
#845f6c
```
#845f6c rgb(132,95,108)
```
#8d566a
```
#8d566a rgb(141,86,106)
```
#964d68
```
#964d68 rgb(150,77,104)
```
#9f4465
```
#9f4465 rgb(159,68,101)
```
#a73c63
```
#a73c63 rgb(167,60,99)
```
#b03360
```
#b03360 rgb(176,51,96)
```
#b92a5e
```
#b92a5e rgb(185,42,94)
```
#c2215c
```
#c2215c rgb(194,33,92)
```
#ca1959
```
#ca1959 rgb(202,25,89)
```
#d31057
```
#d31057 rgb(211,16,87)
```
#dc0755
```
#dc0755 rgb(220,7,85)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#6c4553 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71727f Protanopia 1% of men
#886e53 Deuteranopia 1% of men
#d32e2e Tritanopia 0.001% of the population

Trichromacy

#944e70 Protanomaly 1% of men, 0.01% of women
#a34c55 Deuteranomaly 6% of men, 0.4% of women
#d3233d Tritanomaly 0.01% of the population

#d31057 hex color

#d31057 Color Information

#d31057 Color Conversion

Color Schemes with #d31057

Alternatives to #d31057

#d31057 Preview

Shades and Tints of #d31057

Tones of #d31057

Color Blindness Simulator