#d31158 hex color

In a RGB color space, hex #d31158 is composed of 82.7% red, 6.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.9% magenta, 58.3% yellow and 17.3% black. It has a hue angle of 338 degrees, a saturation of 85.1% and a lightness of 44.7%. #d31158 color hex could be obtained by blending #ff22b0 with #a70000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 83
- G 7
- B 35
RGB color chart
- C 0
- M 92
- Y 58
- K 17
CMYK color chart

● #d31158 color description : Strong pink.

The hexadecimal color #d31158 has RGB values of R:211, G:17, B:88 and CMYK values of C:0, M:0.92, Y:0.58, K:0.17. Its decimal value is 13832536.

Hex triplet	d31158	`#d31158`
RGB Decimal	211, 17, 88	`rgb(211,17,88)`
RGB Percent	82.7, 6.7, 34.5	`rgb(82.7%,6.7%,34.5%)`
CMYK	0, 92, 58, 17
HSL	338°, 85.1, 44.7	`hsl(338,85.1%,44.7%)`
HSV (or HSB)	338°, 91.9, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.576, 70.521, 14.157
XYZ	28.827, 14.958, 10.601
xyY	0.53, 0.275, 14.958
CIE-LCH	45.576, 71.928, 11.352
CIE-LUV	45.576, 122.5, 2.381
Hunter-Lab	38.675, 65.365, 10.821
Binary	11010011, 00010001, 01011000

#d31158
```
#d31158 rgb(211,17,88)
```
#11d38c
```
#11d38c rgb(17,211,140)
```

Complementary Color

#d311b9
```
#d311b9 rgb(211,17,185)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#d32b11
```
#d32b11 rgb(211,43,17)
```

Analogous Color

#11b9d3
```
#11b9d3 rgb(17,185,211)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#11d32b
```
#11d32b rgb(17,211,43)
```

Split Complementary Color

#1158d3
```
#1158d3 rgb(17,88,211)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#58d311
```
#58d311 rgb(88,211,17)
```

Triadic Color

#8c11d3
```
#8c11d3 rgb(140,17,211)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#58d311
```
#58d311 rgb(88,211,17)
```
#11d38c
```
#11d38c rgb(17,211,140)
```

Tetradic Color

#8c0b3a
```
#8c0b3a rgb(140,11,58)
```
#a40d44
```
#a40d44 rgb(164,13,68)
```
#bb0f4e
```
#bb0f4e rgb(187,15,78)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#eb1362
```
#eb1362 rgb(235,19,98)
```
#ee2971
```
#ee2971 rgb(238,41,113)
```
#f04181
```
#f04181 rgb(240,65,129)
```

Monochromatic Color

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

#d31189
```
#d31189 rgb(211,17,137)
```
#d31178
```
#d31178 rgb(211,17,120)
```
#d31168
```
#d31168 rgb(211,17,104)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#d31148
```
#d31148 rgb(211,17,72)
```
#d31138
```
#d31138 rgb(211,17,56)
```
#d31127
```
#d31127 rgb(211,17,39)
```

Similar Colors

Text with hexadecimal color #d31158

This text has a font color of #d31158.

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

#d31158 background color

This paragraph has a background color of #d31158.

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

#d31158 border color

This element has a border color of #d31158.

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

CSS codes

.text {color:#d31158;}

.background {background-color:#d31158;}

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

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

#0b0105
```
#0b0105 rgb(11,1,5)
```
#1d020c
```
#1d020c rgb(29,2,12)
```
#300414
```
#300414 rgb(48,4,20)
```
#42051b
```
#42051b rgb(66,5,27)
```
#540723
```
#540723 rgb(84,7,35)
```
#66082b
```
#66082b rgb(102,8,43)
```
#780a32
```
#780a32 rgb(120,10,50)
```
#8a0b3a
```
#8a0b3a rgb(138,11,58)
```
#9d0d41
```
#9d0d41 rgb(157,13,65)
```
#af0e49
```
#af0e49 rgb(175,14,73)
```
#c11050
```
#c11050 rgb(193,16,80)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#e51260
```
#e51260 rgb(229,18,96)
```

Shade Color Variation

#ed1e6a
```
#ed1e6a rgb(237,30,106)
```
#ee3076
```
#ee3076 rgb(238,48,118)
```
#f04382
```
#f04382 rgb(240,67,130)
```
#f1558e
```
#f1558e rgb(241,85,142)
```
#f3679a
```
#f3679a rgb(243,103,154)
```
#f479a6
```
#f479a6 rgb(244,121,166)
```
#f68bb2
```
#f68bb2 rgb(246,139,178)
```
#f79dbe
```
#f79dbe rgb(247,157,190)
```
#f9b0ca
```
#f9b0ca rgb(249,176,202)
```
#fac2d6
```
#fac2d6 rgb(250,194,214)
```
#fcd4e2
```
#fcd4e2 rgb(252,212,226)
```
#fde6ee
```
#fde6ee rgb(253,230,238)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#737172
```
#737172 rgb(115,113,114)
```
#7b6970
```
#7b6970 rgb(123,105,112)
```
#84606d
```
#84606d rgb(132,96,109)
```
#8d576b
```
#8d576b rgb(141,87,107)
```
#964e68
```
#964e68 rgb(150,78,104)
```
#9e4666
```
#9e4666 rgb(158,70,102)
```
#a73d64
```
#a73d64 rgb(167,61,100)
```
#b03461
```
#b03461 rgb(176,52,97)
```
#b92b5f
```
#b92b5f rgb(185,43,95)
```
#c1235d
```
#c1235d rgb(193,35,93)
```
#ca1a5a
```
#ca1a5a rgb(202,26,90)
```
#d31158
```
#d31158 rgb(211,17,88)
```
#dc0856
```
#dc0856 rgb(220,8,86)
```

Tone Color Variation

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

#717280 Protanopia 1% of men
#886f54 Deuteranopia 1% of men
#d32f2f Tritanopia 0.001% of the population

Trichromacy

#944f71 Protanomaly 1% of men, 0.01% of women
#a34c56 Deuteranomaly 6% of men, 0.4% of women
#d3243e Tritanomaly 0.01% of the population

#d31158 hex color

#d31158 Color Information

#d31158 Color Conversion

Color Schemes with #d31158

Alternatives to #d31158

#d31158 Preview

Shades and Tints of #d31158

Tones of #d31158

Color Blindness Simulator