#d31357 hex color

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

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

● #d31357 color description : Strong pink.

The hexadecimal color #d31357 has RGB values of R:211, G:19, B:87 and CMYK values of C:0, M:0.91, Y:0.59, K:0.17. Its decimal value is 13833047.

Hex triplet	d31357	`#d31357`
RGB Decimal	211, 19, 87	`rgb(211,19,87)`
RGB Percent	82.7, 7.5, 34.1	`rgb(82.7%,7.5%,34.1%)`
CMYK	0, 91, 59, 17
HSL	338.8°, 83.5, 45.1	`hsl(338.8,83.5%,45.1%)`
HSV (or HSB)	338.8°, 91, 82.7
Web Safe	cc0066	`#cc0066`

CIE-LAB	45.643, 70.201, 14.871
XYZ	28.818, 15.006, 10.395
xyY	0.532, 0.277, 15.006
CIE-LCH	45.643, 71.759, 11.961
CIE-LUV	45.643, 122.522, 3.193
Hunter-Lab	38.738, 65.001, 11.206
Binary	11010011, 00010011, 01010111

#d31357
```
#d31357 rgb(211,19,87)
```
#13d38f
```
#13d38f rgb(19,211,143)
```

Complementary Color

#d313b7
```
#d313b7 rgb(211,19,183)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#d32f13
```
#d32f13 rgb(211,47,19)
```

Analogous Color

#13b7d3
```
#13b7d3 rgb(19,183,211)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#13d32f
```
#13d32f rgb(19,211,47)
```

Split Complementary Color

#1357d3
```
#1357d3 rgb(19,87,211)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#57d313
```
#57d313 rgb(87,211,19)
```

Triadic Color

#8f13d3
```
#8f13d3 rgb(143,19,211)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#57d313
```
#57d313 rgb(87,211,19)
```
#13d38f
```
#13d38f rgb(19,211,143)
```

Tetradic Color

#8d0d3a
```
#8d0d3a rgb(141,13,58)
```
#a40f44
```
#a40f44 rgb(164,15,68)
```
#bc114d
```
#bc114d rgb(188,17,77)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#ea1661
```
#ea1661 rgb(234,22,97)
```
#ec2d71
```
#ec2d71 rgb(236,45,113)
```
#ee4480
```
#ee4480 rgb(238,68,128)
```

Monochromatic Color

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

#d31387
```
#d31387 rgb(211,19,135)
```
#d31377
```
#d31377 rgb(211,19,119)
```
#d31367
```
#d31367 rgb(211,19,103)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#d31347
```
#d31347 rgb(211,19,71)
```
#d31337
```
#d31337 rgb(211,19,55)
```
#d31327
```
#d31327 rgb(211,19,39)
```

Similar Colors

Text with hexadecimal color #d31357

This text has a font color of #d31357.

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

#d31357 background color

This paragraph has a background color of #d31357.

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

#d31357 border color

This element has a border color of #d31357.

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

CSS codes

.text {color:#d31357;}

.background {background-color:#d31357;}

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

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

#0d0105
```
#0d0105 rgb(13,1,5)
```
#1f030d
```
#1f030d rgb(31,3,13)
```
#310414
```
#310414 rgb(49,4,20)
```
#43061c
```
#43061c rgb(67,6,28)
```
#550823
```
#550823 rgb(85,8,35)
```
#67092a
```
#67092a rgb(103,9,42)
```
#790b32
```
#790b32 rgb(121,11,50)
```
#8b0d39
```
#8b0d39 rgb(139,13,57)
```
#9d0e41
```
#9d0e41 rgb(157,14,65)
```
#af1048
```
#af1048 rgb(175,16,72)
```
#c11150
```
#c11150 rgb(193,17,80)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#e5155e
```
#e5155e rgb(229,21,94)
```

Shade Color Variation

#eb2269
```
#eb2269 rgb(235,34,105)
```
#ed3476
```
#ed3476 rgb(237,52,118)
```
#ee4682
```
#ee4682 rgb(238,70,130)
```
#f0588e
```
#f0588e rgb(240,88,142)
```
#f26a9a
```
#f26a9a rgb(242,106,154)
```
#f37ca6
```
#f37ca6 rgb(243,124,166)
```
#f58eb2
```
#f58eb2 rgb(245,142,178)
```
#f6a0bf
```
#f6a0bf rgb(246,160,191)
```
#f8b2cb
```
#f8b2cb rgb(248,178,203)
```
#fac4d7
```
#fac4d7 rgb(250,196,215)
```
#fbd6e3
```
#fbd6e3 rgb(251,214,227)
```
#fde8ef
```
#fde8ef rgb(253,232,239)
```
#fffafc
```
#fffafc rgb(255,250,252)
```

Tint Color Variation

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

#7b6b71
```
#7b6b71 rgb(123,107,113)
```
#83636e
```
#83636e rgb(131,99,110)
```
#8c5a6c
```
#8c5a6c rgb(140,90,108)
```
#955169
```
#955169 rgb(149,81,105)
```
#9e4866
```
#9e4866 rgb(158,72,102)
```
#a73f64
```
#a73f64 rgb(167,63,100)
```
#b03661
```
#b03661 rgb(176,54,97)
```
#b82e5f
```
#b82e5f rgb(184,46,95)
```
#c1255c
```
#c1255c rgb(193,37,92)
```
#ca1c5a
```
#ca1c5a rgb(202,28,90)
```
#d31357
```
#d31357 rgb(211,19,87)
```
#dc0a54
```
#dc0a54 rgb(220,10,84)
```
#e50152
```
#e50152 rgb(229,1,82)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6d4755 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72727f Protanopia 1% of men
#886f54 Deuteranopia 1% of men
#d33030 Tritanopia 0.001% of the population

Trichromacy

#955070 Protanomaly 1% of men, 0.01% of women
#a34d55 Deuteranomaly 6% of men, 0.4% of women
#d3253e Tritanomaly 0.01% of the population

#d31357 hex color

#d31357 Color Information

#d31357 Color Conversion

Color Schemes with #d31357

Alternatives to #d31357

#d31357 Preview

Shades and Tints of #d31357

Tones of #d31357

Color Blindness Simulator