#d31f5e hex color

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

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

● #d31f5e color description : Strong pink.

The hexadecimal color #d31f5e has RGB values of R:211, G:31, B:94 and CMYK values of C:0, M:0.85, Y:0.55, K:0.17. Its decimal value is 13836126.

Hex triplet	d31f5e	`#d31f5e`
RGB Decimal	211, 31, 94	`rgb(211,31,94)`
RGB Percent	82.7, 12.2, 36.9	`rgb(82.7%,12.2%,36.9%)`
CMYK	0, 85, 55, 17
HSL	339°, 74.4, 47.5	`hsl(339,74.4%,47.5%)`
HSV (or HSB)	339°, 85.3, 82.7
Web Safe	cc3366	`#cc3366`

CIE-LAB	46.499, 68.661, 11.705
XYZ	29.375, 15.64, 12.061
xyY	0.515, 0.274, 15.64
CIE-LCH	46.499, 69.651, 9.675
CIE-LUV	46.499, 117.039, 0.374
Hunter-Lab	39.548, 63.377, 9.602
Binary	11010011, 00011111, 01011110

#d31f5e
```
#d31f5e rgb(211,31,94)
```
#1fd394
```
#1fd394 rgb(31,211,148)
```

Complementary Color

#d31fb8
```
#d31fb8 rgb(211,31,184)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#d33a1f
```
#d33a1f rgb(211,58,31)
```

Analogous Color

#1fb8d3
```
#1fb8d3 rgb(31,184,211)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#1fd33a
```
#1fd33a rgb(31,211,58)
```

Split Complementary Color

#1f5ed3
```
#1f5ed3 rgb(31,94,211)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#5ed31f
```
#5ed31f rgb(94,211,31)
```

Triadic Color

#941fd3
```
#941fd3 rgb(148,31,211)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#5ed31f
```
#5ed31f rgb(94,211,31)
```
#1fd394
```
#1fd394 rgb(31,211,148)
```

Tetradic Color

#901540
```
#901540 rgb(144,21,64)
```
#a7184a
```
#a7184a rgb(167,24,74)
```
#bd1c54
```
#bd1c54 rgb(189,28,84)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#e02c6b
```
#e02c6b rgb(224,44,107)
```
#e3427a
```
#e3427a rgb(227,66,122)
```
#e6588a
```
#e6588a rgb(230,88,138)
```

Monochromatic Color

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

#d31f8b
```
#d31f8b rgb(211,31,139)
```
#d31f7c
```
#d31f7c rgb(211,31,124)
```
#d31f6d
```
#d31f6d rgb(211,31,109)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#d31f4f
```
#d31f4f rgb(211,31,79)
```
#d31f40
```
#d31f40 rgb(211,31,64)
```
#d31f31
```
#d31f31 rgb(211,31,49)
```

Similar Colors

Text with hexadecimal color #d31f5e

This text has a font color of #d31f5e.

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

#d31f5e background color

This paragraph has a background color of #d31f5e.

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

#d31f5e border color

This element has a border color of #d31f5e.

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

CSS codes

.text {color:#d31f5e;}

.background {background-color:#d31f5e;}

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

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)
```
#280612
```
#280612 rgb(40,6,18)
```
#390819
```
#390819 rgb(57,8,25)
```
#4a0b21
```
#4a0b21 rgb(74,11,33)
```
#5b0d29
```
#5b0d29 rgb(91,13,41)
```
#6c1030
```
#6c1030 rgb(108,16,48)
```
#7d1238
```
#7d1238 rgb(125,18,56)
```
#8f1540
```
#8f1540 rgb(143,21,64)
```
#a01747
```
#a01747 rgb(160,23,71)
```
#b11a4f
```
#b11a4f rgb(177,26,79)
```
#c21c56
```
#c21c56 rgb(194,28,86)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```

Shade Color Variation

#df2667
```
#df2667 rgb(223,38,103)
```
#e23873
```
#e23873 rgb(226,56,115)
```
#e4497f
```
#e4497f rgb(228,73,127)
```
#e75a8b
```
#e75a8b rgb(231,90,139)
```
#e96b97
```
#e96b97 rgb(233,107,151)
```
#ec7ca3
```
#ec7ca3 rgb(236,124,163)
```
#ee8daf
```
#ee8daf rgb(238,141,175)
```
#f19ebb
```
#f19ebb rgb(241,158,187)
```
#f3afc7
```
#f3afc7 rgb(243,175,199)
```
#f6c0d3
```
#f6c0d3 rgb(246,192,211)
```
#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 #ef0356 is the most saturated one.

#7f7377
```
#7f7377 rgb(127,115,119)
```
#896974
```
#896974 rgb(137,105,116)
```
#926072
```
#926072 rgb(146,96,114)
```
#9b576f
```
#9b576f rgb(155,87,111)
```
#a44e6c
```
#a44e6c rgb(164,78,108)
```
#ae4469
```
#ae4469 rgb(174,68,105)
```
#b73b66
```
#b73b66 rgb(183,59,102)
```
#c03264
```
#c03264 rgb(192,50,100)
```
#ca2861
```
#ca2861 rgb(202,40,97)
```
#d31f5e
```
#d31f5e rgb(211,31,94)
```
#dc165b
```
#dc165b rgb(220,22,91)
```
#e60c58
```
#e60c58 rgb(230,12,88)
```
#ef0356
```
#ef0356 rgb(239,3,86)
```

Tone Color Variation

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

#727485 Protanopia 1% of men
#89715a Deuteranopia 1% of men
#d33839 Tritanopia 0.001% of the population

Trichromacy

#955577 Protanomaly 1% of men, 0.01% of women
#a4535c Deuteranomaly 6% of men, 0.4% of women
#d32f46 Tritanomaly 0.01% of the population

#d31f5e hex color

#d31f5e Color Information

#d31f5e Color Conversion

Color Schemes with #d31f5e

Alternatives to #d31f5e

#d31f5e Preview

Shades and Tints of #d31f5e

Tones of #d31f5e

Color Blindness Simulator