#d31f42 hex color

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

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

● #d31f42 color description : Strong red.

The hexadecimal color #d31f42 has RGB values of R:211, G:31, B:66 and CMYK values of C:0, M:0.85, Y:0.69, K:0.17. Its decimal value is 13836098.

Hex triplet	d31f42	`#d31f42`
RGB Decimal	211, 31, 66	`rgb(211,31,66)`
RGB Percent	82.7, 12.2, 25.9	`rgb(82.7%,12.2%,25.9%)`
CMYK	0, 85, 69, 17
HSL	348.3°, 74.4, 47.5	`hsl(348.3,74.4%,47.5%)`
HSV (or HSB)	348.3°, 85.3, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.942, 67.038, 28.229
XYZ	28.339, 15.226, 6.601
xyY	0.565, 0.304, 15.226
CIE-LCH	45.942, 72.739, 22.836
CIE-LUV	45.942, 126.666, 16.251
Hunter-Lab	39.02, 61.352, 17.285
Binary	11010011, 00011111, 01000010

#d31f42
```
#d31f42 rgb(211,31,66)
```
#1fd3b0
```
#1fd3b0 rgb(31,211,176)
```

Complementary Color

#d31f9c
```
#d31f9c rgb(211,31,156)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#d3561f
```
#d3561f rgb(211,86,31)
```

Analogous Color

#1f9cd3
```
#1f9cd3 rgb(31,156,211)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#1fd356
```
#1fd356 rgb(31,211,86)
```

Split Complementary Color

#1f42d3
```
#1f42d3 rgb(31,66,211)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#42d31f
```
#42d31f rgb(66,211,31)
```

Triadic Color

#b01fd3
```
#b01fd3 rgb(176,31,211)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#42d31f
```
#42d31f rgb(66,211,31)
```
#1fd3b0
```
#1fd3b0 rgb(31,211,176)
```

Tetradic Color

#90152d
```
#90152d rgb(144,21,45)
```
#a71834
```
#a71834 rgb(167,24,52)
```
#bd1c3b
```
#bd1c3b rgb(189,28,59)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#e02c4f
```
#e02c4f rgb(224,44,79)
```
#e34261
```
#e34261 rgb(227,66,97)
```
#e65874
```
#e65874 rgb(230,88,116)
```

Monochromatic Color

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

#d31f6f
```
#d31f6f rgb(211,31,111)
```
#d31f60
```
#d31f60 rgb(211,31,96)
```
#d31f51
```
#d31f51 rgb(211,31,81)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#d31f33
```
#d31f33 rgb(211,31,51)
```
#d31f24
```
#d31f24 rgb(211,31,36)
```
#d3291f
```
#d3291f rgb(211,41,31)
```

Similar Colors

Text with hexadecimal color #d31f42

This text has a font color of #d31f42.

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

#d31f42 background color

This paragraph has a background color of #d31f42.

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

#d31f42 border color

This element has a border color of #d31f42.

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

CSS codes

.text {color:#d31f42;}

.background {background-color:#d31f42;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#170307
```
#170307 rgb(23,3,7)
```
#28060d
```
#28060d rgb(40,6,13)
```
#390812
```
#390812 rgb(57,8,18)
```
#4a0b17
```
#4a0b17 rgb(74,11,23)
```
#5b0d1d
```
#5b0d1d rgb(91,13,29)
```
#6c1022
```
#6c1022 rgb(108,16,34)
```
#7d1227
```
#7d1227 rgb(125,18,39)
```
#8f152d
```
#8f152d rgb(143,21,45)
```
#a01732
```
#a01732 rgb(160,23,50)
```
#b11a37
```
#b11a37 rgb(177,26,55)
```
#c21c3d
```
#c21c3d rgb(194,28,61)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```

Shade Color Variation

#df264a
```
#df264a rgb(223,38,74)
```
#e23859
```
#e23859 rgb(226,56,89)
```
#e44967
```
#e44967 rgb(228,73,103)
```
#e75a75
```
#e75a75 rgb(231,90,117)
```
#e96b83
```
#e96b83 rgb(233,107,131)
```
#ec7c92
```
#ec7c92 rgb(236,124,146)
```
#ee8da0
```
#ee8da0 rgb(238,141,160)
```
#f19eae
```
#f19eae rgb(241,158,174)
```
#f3afbc
```
#f3afbc rgb(243,175,188)
```
#f6c0cb
```
#f6c0cb rgb(246,192,203)
```
#f8d1d9
```
#f8d1d9 rgb(248,209,217)
```
#fbe3e7
```
#fbe3e7 rgb(251,227,231)
```
#fdf4f6
```
#fdf4f6 rgb(253,244,246)
```

Tint Color Variation

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

#7f7375
```
#7f7375 rgb(127,115,117)
```
#896970
```
#896970 rgb(137,105,112)
```
#92606a
```
#92606a rgb(146,96,106)
```
#9b5764
```
#9b5764 rgb(155,87,100)
```
#a44e5e
```
#a44e5e rgb(164,78,94)
```
#ae4459
```
#ae4459 rgb(174,68,89)
```
#b73b53
```
#b73b53 rgb(183,59,83)
```
#c0324d
```
#c0324d rgb(192,50,77)
```
#ca2848
```
#ca2848 rgb(202,40,72)
```
#d31f42
```
#d31f42 rgb(211,31,66)
```
#dc163c
```
#dc163c rgb(220,22,60)
```
#e60c37
```
#e60c37 rgb(230,12,55)
```
#ef0331
```
#ef0331 rgb(239,3,49)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#714d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7463 Protanopia 1% of men
#8d6f40 Deuteranopia 1% of men
#d43131 Tritanopia 0.001% of the population

Trichromacy

#9a5557 Protanomaly 1% of men, 0.01% of women
#a65240 Deuteranomaly 6% of men, 0.4% of women
#d32a37 Tritanomaly 0.01% of the population

#d31f42 hex color

#d31f42 Color Information

#d31f42 Color Conversion

Color Schemes with #d31f42

Alternatives to #d31f42

#d31f42 Preview

Shades and Tints of #d31f42

Tones of #d31f42

Color Blindness Simulator