#d31376 hex color

In a RGB color space, hex #d31376 is composed of 82.7% red, 7.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91% magenta, 44.1% yellow and 17.3% black. It has a hue angle of 329.1 degrees, a saturation of 83.5% and a lightness of 45.1%. #d31376 color hex could be obtained by blending #ff26ec with #a70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 83
- G 7
- B 46
RGB color chart
- C 0
- M 91
- Y 44
- K 17
CMYK color chart

● #d31376 color description : Strong pink.

The hexadecimal color #d31376 has RGB values of R:211, G:19, B:118 and CMYK values of C:0, M:0.91, Y:0.44, K:0.17. Its decimal value is 13833078.

Hex triplet	d31376	`#d31376`
RGB Decimal	211, 19, 118	`rgb(211,19,118)`
RGB Percent	82.7, 7.5, 46.3	`rgb(82.7%,7.5%,46.3%)`
CMYK	0, 91, 44, 17
HSL	329.1°, 83.5, 45.1	`hsl(329.1,83.5%,45.1%)`
HSV (or HSB)	329.1°, 91, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	46.48, 72.508, -3.16
XYZ	30.368, 15.626, 18.556
xyY	0.47, 0.242, 15.626
CIE-LCH	46.48, 72.577, 357.505
CIE-LUV	46.48, 109.521, -17.787
Hunter-Lab	39.53, 67.951, -0.16
Binary	11010011, 00010011, 01110110

#d31376
```
#d31376 rgb(211,19,118)
```
#13d370
```
#13d370 rgb(19,211,112)
```

Complementary Color

#d013d3
```
#d013d3 rgb(208,19,211)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#d31316
```
#d31316 rgb(211,19,22)
```

Analogous Color

#13d3d0
```
#13d3d0 rgb(19,211,208)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#16d313
```
#16d313 rgb(22,211,19)
```

Split Complementary Color

#1376d3
```
#1376d3 rgb(19,118,211)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#76d313
```
#76d313 rgb(118,211,19)
```

Triadic Color

#7013d3
```
#7013d3 rgb(112,19,211)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#76d313
```
#76d313 rgb(118,211,19)
```
#13d370
```
#13d370 rgb(19,211,112)
```

Tetradic Color

#8d0d4f
```
#8d0d4f rgb(141,13,79)
```
#a40f5c
```
#a40f5c rgb(164,15,92)
```
#bc1169
```
#bc1169 rgb(188,17,105)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#ea1683
```
#ea1683 rgb(234,22,131)
```
#ec2d8f
```
#ec2d8f rgb(236,45,143)
```
#ee449c
```
#ee449c rgb(238,68,156)
```

Monochromatic Color

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

#d313a6
```
#d313a6 rgb(211,19,166)
```
#d31396
```
#d31396 rgb(211,19,150)
```
#d31386
```
#d31386 rgb(211,19,134)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#d31366
```
#d31366 rgb(211,19,102)
```
#d31356
```
#d31356 rgb(211,19,86)
```
#d31346
```
#d31346 rgb(211,19,70)
```

Similar Colors

Text with hexadecimal color #d31376

This text has a font color of #d31376.

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

#d31376 background color

This paragraph has a background color of #d31376.

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

#d31376 border color

This element has a border color of #d31376.

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

CSS codes

.text {color:#d31376;}

.background {background-color:#d31376;}

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

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

#0d0107
```
#0d0107 rgb(13,1,7)
```
#1f0311
```
#1f0311 rgb(31,3,17)
```
#31041b
```
#31041b rgb(49,4,27)
```
#430625
```
#430625 rgb(67,6,37)
```
#550830
```
#550830 rgb(85,8,48)
```
#67093a
```
#67093a rgb(103,9,58)
```
#790b44
```
#790b44 rgb(121,11,68)
```
#8b0d4e
```
#8b0d4e rgb(139,13,78)
```
#9d0e58
```
#9d0e58 rgb(157,14,88)
```
#af1062
```
#af1062 rgb(175,16,98)
```
#c1116c
```
#c1116c rgb(193,17,108)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#e51580
```
#e51580 rgb(229,21,128)
```

Shade Color Variation

#eb228a
```
#eb228a rgb(235,34,138)
```
#ed3493
```
#ed3493 rgb(237,52,147)
```
#ee469d
```
#ee469d rgb(238,70,157)
```
#f058a6
```
#f058a6 rgb(240,88,166)
```
#f26ab0
```
#f26ab0 rgb(242,106,176)
```
#f37cba
```
#f37cba rgb(243,124,186)
```
#f58ec3
```
#f58ec3 rgb(245,142,195)
```
#f6a0cd
```
#f6a0cd rgb(246,160,205)
```
#f8b2d6
```
#f8b2d6 rgb(248,178,214)
```
#fac4e0
```
#fac4e0 rgb(250,196,224)
```
#fbd6e9
```
#fbd6e9 rgb(251,214,233)
```
#fde8f3
```
#fde8f3 rgb(253,232,243)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#7b6b73
```
#7b6b73 rgb(123,107,115)
```
#836374
```
#836374 rgb(131,99,116)
```
#8c5a74
```
#8c5a74 rgb(140,90,116)
```
#955174
```
#955174 rgb(149,81,116)
```
#9e4874
```
#9e4874 rgb(158,72,116)
```
#a73f75
```
#a73f75 rgb(167,63,117)
```
#b03675
```
#b03675 rgb(176,54,117)
```
#b82e75
```
#b82e75 rgb(184,46,117)
```
#c12575
```
#c12575 rgb(193,37,117)
```
#ca1c76
```
#ca1c76 rgb(202,28,118)
```
#d31376
```
#d31376 rgb(211,19,118)
```
#dc0a76
```
#dc0a76 rgb(220,10,118)
```
#e50177
```
#e50177 rgb(229,1,119)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#714a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6474a4 Protanopia 1% of men
#827170 Deuteranopia 1% of men
#d13a3c Tritanopia 0.001% of the population

Trichromacy

#8c5093 Protanomaly 1% of men, 0.01% of women
#9f4f72 Deuteranomaly 6% of men, 0.4% of women
#d22c51 Tritanomaly 0.01% of the population

#d31376 hex color

#d31376 Color Information

#d31376 Color Conversion

Color Schemes with #d31376

Alternatives to #d31376

#d31376 Preview

Shades and Tints of #d31376

Tones of #d31376

Color Blindness Simulator