#d31558 hex color

In a RGB color space, hex #d31558 is composed of 82.7% red, 8.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90% magenta, 58.3% yellow and 17.3% black. It has a hue angle of 338.8 degrees, a saturation of 81.9% and a lightness of 45.5%. #d31558 color hex could be obtained by blending #ff2ab0 with #a70000. Closest websafe color is: #cc0066.

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

● #d31558 color description : Strong pink.

The hexadecimal color #d31558 has RGB values of R:211, G:21, B:88 and CMYK values of C:0, M:0.9, Y:0.58, K:0.17. Its decimal value is 13833560.

Hex triplet	d31558	`#d31558`
RGB Decimal	211, 21, 88	`rgb(211,21,88)`
RGB Percent	82.7, 8.2, 34.5	`rgb(82.7%,8.2%,34.5%)`
CMYK	0, 90, 58, 17
HSL	338.8°, 81.9, 45.5	`hsl(338.8,81.9%,45.5%)`
HSV (or HSB)	338.8°, 90, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.762, 69.985, 14.412
XYZ	28.895, 15.093, 10.624
xyY	0.529, 0.276, 15.093
CIE-LCH	45.762, 71.454, 11.636
CIE-LUV	45.762, 121.743, 2.796
Hunter-Lab	38.85, 64.772, 10.982
Binary	11010011, 00010101, 01011000

#d31558
```
#d31558 rgb(211,21,88)
```
#15d390
```
#15d390 rgb(21,211,144)
```

Complementary Color

#d315b7
```
#d315b7 rgb(211,21,183)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#d33115
```
#d33115 rgb(211,49,21)
```

Analogous Color

#15b7d3
```
#15b7d3 rgb(21,183,211)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#15d331
```
#15d331 rgb(21,211,49)
```

Split Complementary Color

#1558d3
```
#1558d3 rgb(21,88,211)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#58d315
```
#58d315 rgb(88,211,21)
```

Triadic Color

#9015d3
```
#9015d3 rgb(144,21,211)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#58d315
```
#58d315 rgb(88,211,21)
```
#15d390
```
#15d390 rgb(21,211,144)
```

Tetradic Color

#8d0e3b
```
#8d0e3b rgb(141,14,59)
```
#a51045
```
#a51045 rgb(165,16,69)
```
#bc134e
```
#bc134e rgb(188,19,78)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#e81962
```
#e81962 rgb(232,25,98)
```
#ea3172
```
#ea3172 rgb(234,49,114)
```
#ed4882
```
#ed4882 rgb(237,72,130)
```

Monochromatic Color

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

#d31588
```
#d31588 rgb(211,21,136)
```
#d31578
```
#d31578 rgb(211,21,120)
```
#d31568
```
#d31568 rgb(211,21,104)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#d31548
```
#d31548 rgb(211,21,72)
```
#d31538
```
#d31538 rgb(211,21,56)
```
#d31529
```
#d31529 rgb(211,21,41)
```

Similar Colors

Text with hexadecimal color #d31558

This text has a font color of #d31558.

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

#d31558 background color

This paragraph has a background color of #d31558.

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

#d31558 border color

This element has a border color of #d31558.

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

CSS codes

.text {color:#d31558;}

.background {background-color:#d31558;}

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

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

#0f0106
```
#0f0106 rgb(15,1,6)
```
#21030e
```
#21030e rgb(33,3,14)
```
#320515
```
#320515 rgb(50,5,21)
```
#44071c
```
#44071c rgb(68,7,28)
```
#560924
```
#560924 rgb(86,9,36)
```
#680a2b
```
#680a2b rgb(104,10,43)
```
#7a0c33
```
#7a0c33 rgb(122,12,51)
```
#8c0e3a
```
#8c0e3a rgb(140,14,58)
```
#9d1042
```
#9d1042 rgb(157,16,66)
```
#af1149
```
#af1149 rgb(175,17,73)
```
#c11351
```
#c11351 rgb(193,19,81)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#e5175f
```
#e5175f rgb(229,23,95)
```

Shade Color Variation

#e9266b
```
#e9266b rgb(233,38,107)
```
#eb3877
```
#eb3877 rgb(235,56,119)
```
#ed4a83
```
#ed4a83 rgb(237,74,131)
```
#ef5b8f
```
#ef5b8f rgb(239,91,143)
```
#f06d9b
```
#f06d9b rgb(240,109,155)
```
#f27fa8
```
#f27fa8 rgb(242,127,168)
```
#f491b4
```
#f491b4 rgb(244,145,180)
```
#f6a3c0
```
#f6a3c0 rgb(246,163,192)
```
#f8b5cc
```
#f8b5cc rgb(248,181,204)
```
#f9c6d8
```
#f9c6d8 rgb(249,198,216)
```
#fbd8e5
```
#fbd8e5 rgb(251,216,229)
```
#fdeaf1
```
#fdeaf1 rgb(253,234,241)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7a6e72
```
#7a6e72 rgb(122,110,114)
```
#836570
```
#836570 rgb(131,101,112)
```
#8c5c6d
```
#8c5c6d rgb(140,92,109)
```
#95536a
```
#95536a rgb(149,83,106)
```
#9d4b68
```
#9d4b68 rgb(157,75,104)
```
#a64265
```
#a64265 rgb(166,66,101)
```
#af3963
```
#af3963 rgb(175,57,99)
```
#b83060
```
#b83060 rgb(184,48,96)
```
#c1275d
```
#c1275d rgb(193,39,93)
```
#ca1e5b
```
#ca1e5b rgb(202,30,91)
```
#d31558
```
#d31558 rgb(211,21,88)
```
#dc0c55
```
#dc0c55 rgb(220,12,85)
```
#e50353
```
#e50353 rgb(229,3,83)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6e4856 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727380 Protanopia 1% of men
#886f55 Deuteranopia 1% of men
#d33131 Tritanopia 0.001% of the population

Trichromacy

#955071 Protanomaly 1% of men, 0.01% of women
#a34e56 Deuteranomaly 6% of men, 0.4% of women
#d3273f Tritanomaly 0.01% of the population

#d31558 hex color

#d31558 Color Information

#d31558 Color Conversion

Color Schemes with #d31558

Alternatives to #d31558

#d31558 Preview

Shades and Tints of #d31558

Tones of #d31558

Color Blindness Simulator