#d31f43 hex color

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

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

● #d31f43 color description : Strong red.

The hexadecimal color #d31f43 has RGB values of R:211, G:31, B:67 and CMYK values of C:0, M:0.85, Y:0.68, K:0.17. Its decimal value is 13836099.

Hex triplet	d31f43	`#d31f43`
RGB Decimal	211, 31, 67	`rgb(211,31,67)`
RGB Percent	82.7, 12.2, 26.3	`rgb(82.7%,12.2%,26.3%)`
CMYK	0, 85, 68, 17
HSL	348°, 74.4, 47.5	`hsl(348,74.4%,47.5%)`
HSV (or HSB)	348°, 85.3, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.958, 67.085, 27.64
XYZ	28.368, 15.238, 6.757
xyY	0.563, 0.303, 15.238
CIE-LCH	45.958, 72.556, 22.393
CIE-LUV	45.958, 126.367, 15.763
Hunter-Lab	39.035, 61.41, 17.061
Binary	11010011, 00011111, 01000011

#d31f43
```
#d31f43 rgb(211,31,67)
```
#1fd3af
```
#1fd3af rgb(31,211,175)
```

Complementary Color

#d31f9d
```
#d31f9d rgb(211,31,157)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#d3551f
```
#d3551f rgb(211,85,31)
```

Analogous Color

#1f9dd3
```
#1f9dd3 rgb(31,157,211)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#1fd355
```
#1fd355 rgb(31,211,85)
```

Split Complementary Color

#1f43d3
```
#1f43d3 rgb(31,67,211)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#43d31f
```
#43d31f rgb(67,211,31)
```

Triadic Color

#af1fd3
```
#af1fd3 rgb(175,31,211)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#43d31f
```
#43d31f rgb(67,211,31)
```
#1fd3af
```
#1fd3af rgb(31,211,175)
```

Tetradic Color

#90152e
```
#90152e rgb(144,21,46)
```
#a71835
```
#a71835 rgb(167,24,53)
```
#bd1c3c
```
#bd1c3c rgb(189,28,60)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#e02c50
```
#e02c50 rgb(224,44,80)
```
#e34262
```
#e34262 rgb(227,66,98)
```
#e65875
```
#e65875 rgb(230,88,117)
```

Monochromatic Color

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

#d31f70
```
#d31f70 rgb(211,31,112)
```
#d31f61
```
#d31f61 rgb(211,31,97)
```
#d31f52
```
#d31f52 rgb(211,31,82)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#d31f34
```
#d31f34 rgb(211,31,52)
```
#d31f25
```
#d31f25 rgb(211,31,37)
```
#d3281f
```
#d3281f rgb(211,40,31)
```

Similar Colors

Text with hexadecimal color #d31f43

This text has a font color of #d31f43.

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

#d31f43 background color

This paragraph has a background color of #d31f43.

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

#d31f43 border color

This element has a border color of #d31f43.

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

CSS codes

.text {color:#d31f43;}

.background {background-color:#d31f43;}

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

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)
```
#4a0b18
```
#4a0b18 rgb(74,11,24)
```
#5b0d1d
```
#5b0d1d rgb(91,13,29)
```
#6c1022
```
#6c1022 rgb(108,16,34)
```
#7d1228
```
#7d1228 rgb(125,18,40)
```
#8f152d
```
#8f152d rgb(143,21,45)
```
#a01733
```
#a01733 rgb(160,23,51)
```
#b11a38
```
#b11a38 rgb(177,26,56)
```
#c21c3e
```
#c21c3e rgb(194,28,62)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```

Shade Color Variation

#df264b
```
#df264b rgb(223,38,75)
```
#e2385a
```
#e2385a rgb(226,56,90)
```
#e44968
```
#e44968 rgb(228,73,104)
```
#e75a76
```
#e75a76 rgb(231,90,118)
```
#e96b84
```
#e96b84 rgb(233,107,132)
```
#ec7c92
```
#ec7c92 rgb(236,124,146)
```
#ee8da0
```
#ee8da0 rgb(238,141,160)
```
#f19eaf
```
#f19eaf rgb(241,158,175)
```
#f3afbd
```
#f3afbd rgb(243,175,189)
```
#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 #ef0332 is the most saturated one.

#7f7375
```
#7f7375 rgb(127,115,117)
```
#896970
```
#896970 rgb(137,105,112)
```
#92606a
```
#92606a rgb(146,96,106)
```
#9b5765
```
#9b5765 rgb(155,87,101)
```
#a44e5f
```
#a44e5f rgb(164,78,95)
```
#ae4459
```
#ae4459 rgb(174,68,89)
```
#b73b54
```
#b73b54 rgb(183,59,84)
```
#c0324e
```
#c0324e rgb(192,50,78)
```
#ca2849
```
#ca2849 rgb(202,40,73)
```
#d31f43
```
#d31f43 rgb(211,31,67)
```
#dc163d
```
#dc163d rgb(220,22,61)
```
#e60c38
```
#e60c38 rgb(230,12,56)
```
#ef0332
```
#ef0332 rgb(239,3,50)
```

Tone Color Variation

Below, you can see how #d31f43 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
#714d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7465 Protanopia 1% of men
#8d6f41 Deuteranopia 1% of men
#d43131 Tritanopia 0.001% of the population

Trichromacy

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

#d31f43 hex color

#d31f43 Color Information

#d31f43 Color Conversion

Color Schemes with #d31f43

Alternatives to #d31f43

#d31f43 Preview

Shades and Tints of #d31f43

Tones of #d31f43

Color Blindness Simulator