#d31f1e hex color

In a RGB color space, hex #d31f1e is composed of 82.7% red, 12.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 85.8% yellow and 17.3% black. It has a hue angle of 0.3 degrees, a saturation of 75.1% and a lightness of 47.3%. #d31f1e color hex could be obtained by blending #ff3e3c with #a70000. Closest websafe color is: #cc3333.

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

● #d31f1e color description : Strong red.

The hexadecimal color #d31f1e has RGB values of R:211, G:31, B:30 and CMYK values of C:0, M:0.85, Y:0.86, K:0.17. Its decimal value is 13836062.

Hex triplet	d31f1e	`#d31f1e`
RGB Decimal	211, 31, 30	`rgb(211,31,30)`
RGB Percent	82.7, 12.2, 11.8	`rgb(82.7%,12.2%,11.8%)`
CMYK	0, 85, 86, 17
HSL	0.3°, 75.1, 47.3	`hsl(0.3,75.1%,47.3%)`
HSV (or HSB)	0.3°, 85.8, 82.7
Web Safe	cc3333	`#cc3333`

CIE-LAB	45.533, 65.832, 48.083
XYZ	27.59, 14.926, 2.657
xyY	0.611, 0.33, 14.926
CIE-LCH	45.533, 81.522, 36.144
CIE-LUV	45.533, 134.672, 29.259
Hunter-Lab	38.634, 59.861, 22.967
Binary	11010011, 00011111, 00011110

#d31f1e
```
#d31f1e rgb(211,31,30)
```
#1ed2d3
```
#1ed2d3 rgb(30,210,211)
```

Complementary Color

#d31e78
```
#d31e78 rgb(211,30,120)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#d37a1e
```
#d37a1e rgb(211,122,30)
```

Analogous Color

#1e78d3
```
#1e78d3 rgb(30,120,211)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#1ed37a
```
#1ed37a rgb(30,211,122)
```

Split Complementary Color

#1f1ed3
```
#1f1ed3 rgb(31,30,211)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#1ed31f
```
#1ed31f rgb(30,211,31)
```

Triadic Color

#d31ed2
```
#d31ed2 rgb(211,30,210)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#1ed31f
```
#1ed31f rgb(30,211,31)
```
#1ed2d3
```
#1ed2d3 rgb(30,210,211)
```

Tetradic Color

#901514
```
#901514 rgb(144,21,20)
```
#a61818
```
#a61818 rgb(166,24,24)
```
#bd1c1b
```
#bd1c1b rgb(189,28,27)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#e12b2a
```
#e12b2a rgb(225,43,42)
```
#e44140
```
#e44140 rgb(228,65,64)
```
#e75756
```
#e75756 rgb(231,87,86)
```

Monochromatic Color

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

#d31e4a
```
#d31e4a rgb(211,30,74)
```
#d31e3b
```
#d31e3b rgb(211,30,59)
```
#d31e2c
```
#d31e2c rgb(211,30,44)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#d32e1e
```
#d32e1e rgb(211,46,30)
```
#d33d1e
```
#d33d1e rgb(211,61,30)
```
#d34c1e
```
#d34c1e rgb(211,76,30)
```

Similar Colors

Text with hexadecimal color #d31f1e

This text has a font color of #d31f1e.

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

#d31f1e background color

This paragraph has a background color of #d31f1e.

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

#d31f1e border color

This element has a border color of #d31f1e.

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

CSS codes

.text {color:#d31f1e;}

.background {background-color:#d31f1e;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160303
```
#160303 rgb(22,3,3)
```
#270606
```
#270606 rgb(39,6,6)
```
#380808
```
#380808 rgb(56,8,8)
```
#4a0b0a
```
#4a0b0a rgb(74,11,10)
```
#5b0d0d
```
#5b0d0d rgb(91,13,13)
```
#6c100f
```
#6c100f rgb(108,16,15)
```
#7d1212
```
#7d1212 rgb(125,18,18)
```
#8e1514
```
#8e1514 rgb(142,21,20)
```
#9f1717
```
#9f1717 rgb(159,23,23)
```
#b11a19
```
#b11a19 rgb(177,26,25)
```
#c21c1c
```
#c21c1c rgb(194,28,28)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```

Shade Color Variation

#e02625
```
#e02625 rgb(224,38,37)
```
#e23736
```
#e23736 rgb(226,55,54)
```
#e54847
```
#e54847 rgb(229,72,71)
```
#e75958
```
#e75958 rgb(231,89,88)
```
#ea6a69
```
#ea6a69 rgb(234,106,105)
```
#ec7b7b
```
#ec7b7b rgb(236,123,123)
```
#ef8c8c
```
#ef8c8c rgb(239,140,140)
```
#f19d9d
```
#f19d9d rgb(241,157,157)
```
#f3aeae
```
#f3aeae rgb(243,174,174)
```
#f6c0bf
```
#f6c0bf rgb(246,192,191)
```
#f8d1d0
```
#f8d1d0 rgb(248,209,208)
```
#fbe2e2
```
#fbe2e2 rgb(251,226,226)
```
#fdf3f3
```
#fdf3f3 rgb(253,243,243)
```

Tint Color Variation

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

#807271
```
#807271 rgb(128,114,113)
```
#896868
```
#896868 rgb(137,104,104)
```
#925f5f
```
#925f5f rgb(146,95,95)
```
#9b5656
```
#9b5656 rgb(155,86,86)
```
#a54d4c
```
#a54d4c rgb(165,77,76)
```
#ae4443
```
#ae4443 rgb(174,68,67)
```
#b73b3a
```
#b73b3a rgb(183,59,58)
```
#c03131
```
#c03131 rgb(192,49,49)
```
#ca2827
```
#ca2827 rgb(202,40,39)
```
#d31f1e
```
#d31f1e rgb(211,31,30)
```
#dc1615
```
#dc1615 rgb(220,22,21)
```
#e60d0b
```
#e60d0b rgb(230,13,11)
```
#ef0302
```
#ef0302 rgb(239,3,2)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6e4a4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f733a Protanopia 1% of men
#906d12 Deuteranopia 1% of men
#d52a29 Tritanopia 0.001% of the population

Trichromacy

#9d5430 Protanomaly 1% of men, 0.01% of women
#a85116 Deuteranomaly 6% of men, 0.4% of women
#d42625 Tritanomaly 0.01% of the population

#d31f1e hex color

#d31f1e Color Information

#d31f1e Color Conversion

Color Schemes with #d31f1e

Alternatives to #d31f1e

#d31f1e Preview

Shades and Tints of #d31f1e

Tones of #d31f1e

Color Blindness Simulator