#d31f5c hex color

In a RGB color space, hex #d31f5c is composed of 82.7% red, 12.2% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 56.4% yellow and 17.3% black. It has a hue angle of 339.7 degrees, a saturation of 74.4% and a lightness of 47.5%. #d31f5c color hex could be obtained by blending #ff3eb8 with #a70000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 83
- G 12
- B 36
RGB color chart
- C 0
- M 85
- Y 56
- K 17
CMYK color chart

● #d31f5c color description : Strong pink.

The hexadecimal color #d31f5c has RGB values of R:211, G:31, B:92 and CMYK values of C:0, M:0.85, Y:0.56, K:0.17. Its decimal value is 13836124.

Hex triplet	d31f5c	`#d31f5c`
RGB Decimal	211, 31, 92	`rgb(211,31,92)`
RGB Percent	82.7, 12.2, 36.1	`rgb(82.7%,12.2%,36.1%)`
CMYK	0, 85, 56, 17
HSL	339.7°, 74.4, 47.5	`hsl(339.7,74.4%,47.5%)`
HSV (or HSB)	339.7°, 85.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.452, 68.524, 12.879
XYZ	29.287, 15.605, 11.595
xyY	0.518, 0.276, 15.605
CIE-LCH	46.452, 69.724, 10.644
CIE-LUV	46.452, 117.804, 1.646
Hunter-Lab	39.503, 63.206, 10.25
Binary	11010011, 00011111, 01011100

#d31f5c
```
#d31f5c rgb(211,31,92)
```
#1fd396
```
#1fd396 rgb(31,211,150)
```

Complementary Color

#d31fb6
```
#d31fb6 rgb(211,31,182)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#d33c1f
```
#d33c1f rgb(211,60,31)
```

Analogous Color

#1fb6d3
```
#1fb6d3 rgb(31,182,211)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#1fd33c
```
#1fd33c rgb(31,211,60)
```

Split Complementary Color

#1f5cd3
```
#1f5cd3 rgb(31,92,211)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#5cd31f
```
#5cd31f rgb(92,211,31)
```

Triadic Color

#961fd3
```
#961fd3 rgb(150,31,211)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#5cd31f
```
#5cd31f rgb(92,211,31)
```
#1fd396
```
#1fd396 rgb(31,211,150)
```

Tetradic Color

#90153f
```
#90153f rgb(144,21,63)
```
#a71849
```
#a71849 rgb(167,24,73)
```
#bd1c52
```
#bd1c52 rgb(189,28,82)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#e02c69
```
#e02c69 rgb(224,44,105)
```
#e34278
```
#e34278 rgb(227,66,120)
```
#e65888
```
#e65888 rgb(230,88,136)
```

Monochromatic Color

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

#d31f89
```
#d31f89 rgb(211,31,137)
```
#d31f7a
```
#d31f7a rgb(211,31,122)
```
#d31f6b
```
#d31f6b rgb(211,31,107)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#d31f4d
```
#d31f4d rgb(211,31,77)
```
#d31f3e
```
#d31f3e rgb(211,31,62)
```
#d31f2f
```
#d31f2f rgb(211,31,47)
```

Similar Colors

Text with hexadecimal color #d31f5c

This text has a font color of #d31f5c.

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

#d31f5c background color

This paragraph has a background color of #d31f5c.

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

#d31f5c border color

This element has a border color of #d31f5c.

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

CSS codes

.text {color:#d31f5c;}

.background {background-color:#d31f5c;}

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

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, #060103 is the darkest color, while #fdf4f7 is the lightest one.

#060103
```
#060103 rgb(6,1,3)
```
#17030a
```
#17030a rgb(23,3,10)
```
#280611
```
#280611 rgb(40,6,17)
```
#390819
```
#390819 rgb(57,8,25)
```
#4a0b20
```
#4a0b20 rgb(74,11,32)
```
#5b0d28
```
#5b0d28 rgb(91,13,40)
```
#6c102f
```
#6c102f rgb(108,16,47)
```
#7d1237
```
#7d1237 rgb(125,18,55)
```
#8f153e
```
#8f153e rgb(143,21,62)
```
#a01746
```
#a01746 rgb(160,23,70)
```
#b11a4d
```
#b11a4d rgb(177,26,77)
```
#c21c55
```
#c21c55 rgb(194,28,85)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```

Shade Color Variation

#df2665
```
#df2665 rgb(223,38,101)
```
#e23871
```
#e23871 rgb(226,56,113)
```
#e4497d
```
#e4497d rgb(228,73,125)
```
#e75a8a
```
#e75a8a rgb(231,90,138)
```
#e96b96
```
#e96b96 rgb(233,107,150)
```
#ec7ca2
```
#ec7ca2 rgb(236,124,162)
```
#ee8dae
```
#ee8dae rgb(238,141,174)
```
#f19eba
```
#f19eba rgb(241,158,186)
```
#f3afc6
```
#f3afc6 rgb(243,175,198)
```
#f6c0d2
```
#f6c0d2 rgb(246,192,210)
```
#f8d1df
```
#f8d1df rgb(248,209,223)
```
#fbe3eb
```
#fbe3eb rgb(251,227,235)
```
#fdf4f7
```
#fdf4f7 rgb(253,244,247)
```

Tint Color Variation

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

#7f7377
```
#7f7377 rgb(127,115,119)
```
#896974
```
#896974 rgb(137,105,116)
```
#926071
```
#926071 rgb(146,96,113)
```
#9b576e
```
#9b576e rgb(155,87,110)
```
#a44e6b
```
#a44e6b rgb(164,78,107)
```
#ae4468
```
#ae4468 rgb(174,68,104)
```
#b73b65
```
#b73b65 rgb(183,59,101)
```
#c03262
```
#c03262 rgb(192,50,98)
```
#ca285f
```
#ca285f rgb(202,40,95)
```
#d31f5c
```
#d31f5c rgb(211,31,92)
```
#dc1659
```
#dc1659 rgb(220,22,89)
```
#e60c56
```
#e60c56 rgb(230,12,86)
```
#ef0353
```
#ef0353 rgb(239,3,83)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#74505c Atypical Achromatopsia 0.001% of the population

Dichromacy

#737483 Protanopia 1% of men
#897159 Deuteranopia 1% of men
#d33738 Tritanopia 0.001% of the population

Trichromacy

#965574 Protanomaly 1% of men, 0.01% of women
#a4535a Deuteranomaly 6% of men, 0.4% of women
#d32e45 Tritanomaly 0.01% of the population

#d31f5c hex color

#d31f5c Color Information

#d31f5c Color Conversion

Color Schemes with #d31f5c

Alternatives to #d31f5c

#d31f5c Preview

Shades and Tints of #d31f5c

Tones of #d31f5c

Color Blindness Simulator