#d31f16 hex color

In a RGB color space, hex #d31f16 is composed of 82.7% red, 12.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 89.6% yellow and 17.3% black. It has a hue angle of 2.9 degrees, a saturation of 81.1% and a lightness of 45.7%. #d31f16 color hex could be obtained by blending #ff3e2c with #a70000. Closest websafe color is: #cc3300.

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

● #d31f16 color description : Strong red.

The hexadecimal color #d31f16 has RGB values of R:211, G:31, B:22 and CMYK values of C:0, M:0.85, Y:0.9, K:0.17. Its decimal value is 13836054.

Hex triplet	d31f16	`#d31f16`
RGB Decimal	211, 31, 22	`rgb(211,31,22)`
RGB Percent	82.7, 12.2, 8.6	`rgb(82.7%,12.2%,8.6%)`
CMYK	0, 85, 90, 17
HSL	2.9°, 81.1, 45.7	`hsl(2.9,81.1%,45.7%)`
HSV (or HSB)	2.9°, 89.6, 82.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.484, 65.686, 51.655
XYZ	27.5, 14.89, 2.185
xyY	0.617, 0.334, 14.89
CIE-LCH	45.484, 83.564, 38.182
CIE-LUV	45.484, 135.698, 30.914
Hunter-Lab	38.588, 59.681, 23.654
Binary	11010011, 00011111, 00010110

#d31f16
```
#d31f16 rgb(211,31,22)
```
#16cad3
```
#16cad3 rgb(22,202,211)
```

Complementary Color

#d3166c
```
#d3166c rgb(211,22,108)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#d37e16
```
#d37e16 rgb(211,126,22)
```

Analogous Color

#166cd3
```
#166cd3 rgb(22,108,211)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#16d37e
```
#16d37e rgb(22,211,126)
```

Split Complementary Color

#1f16d3
```
#1f16d3 rgb(31,22,211)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#16d31f
```
#16d31f rgb(22,211,31)
```

Triadic Color

#d316ca
```
#d316ca rgb(211,22,202)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#16d31f
```
#16d31f rgb(22,211,31)
```
#16cad3
```
#16cad3 rgb(22,202,211)
```

Tetradic Color

#8e150f
```
#8e150f rgb(142,21,15)
```
#a51811
```
#a51811 rgb(165,24,17)
```
#bc1c14
```
#bc1c14 rgb(188,28,20)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#e7251b
```
#e7251b rgb(231,37,27)
```
#ea3b32
```
#ea3b32 rgb(234,59,50)
```
#ec5149
```
#ec5149 rgb(236,81,73)
```

Monochromatic Color

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

#d3163c
```
#d3163c rgb(211,22,60)
```
#d3162c
```
#d3162c rgb(211,22,44)
```
#d3161d
```
#d3161d rgb(211,22,29)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#d32f16
```
#d32f16 rgb(211,47,22)
```
#d33f16
```
#d33f16 rgb(211,63,22)
```
#d34e16
```
#d34e16 rgb(211,78,22)
```

Similar Colors

Text with hexadecimal color #d31f16

This text has a font color of #d31f16.

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

#d31f16 background color

This paragraph has a background color of #d31f16.

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

#d31f16 border color

This element has a border color of #d31f16.

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

CSS codes

.text {color:#d31f16;}

.background {background-color:#d31f16;}

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

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

#100202
```
#100202 rgb(16,2,2)
```
#210503
```
#210503 rgb(33,5,3)
```
#330805
```
#330805 rgb(51,8,5)
```
#450a07
```
#450a07 rgb(69,10,7)
```
#570d09
```
#570d09 rgb(87,13,9)
```
#680f0b
```
#680f0b rgb(104,15,11)
```
#7a120d
```
#7a120d rgb(122,18,13)
```
#8c150f
```
#8c150f rgb(140,21,15)
```
#9e1710
```
#9e1710 rgb(158,23,16)
```
#af1a12
```
#af1a12 rgb(175,26,18)
```
#c11c14
```
#c11c14 rgb(193,28,20)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#e52218
```
#e52218 rgb(229,34,24)
```

Shade Color Variation

#e93128
```
#e93128 rgb(233,49,40)
```
#ea4239
```
#ea4239 rgb(234,66,57)
```
#ec534b
```
#ec534b rgb(236,83,75)
```
#ee645d
```
#ee645d rgb(238,100,93)
```
#f0756f
```
#f0756f rgb(240,117,111)
```
#f28680
```
#f28680 rgb(242,134,128)
```
#f49792
```
#f49792 rgb(244,151,146)
```
#f6a8a4
```
#f6a8a4 rgb(246,168,164)
```
#f7b9b6
```
#f7b9b6 rgb(247,185,182)
```
#f9cac8
```
#f9cac8 rgb(249,202,200)
```
#fbdbd9
```
#fbdbd9 rgb(251,219,217)
```
#fdeceb
```
#fdeceb rgb(253,236,235)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#797070
```
#797070 rgb(121,112,112)
```
#826867
```
#826867 rgb(130,104,103)
```
#8b605e
```
#8b605e rgb(139,96,94)
```
#945855
```
#945855 rgb(148,88,85)
```
#9d504c
```
#9d504c rgb(157,80,76)
```
#a64843
```
#a64843 rgb(166,72,67)
```
#af3f3a
```
#af3f3a rgb(175,63,58)
```
#b83731
```
#b83731 rgb(184,55,49)
```
#c12f28
```
#c12f28 rgb(193,47,40)
```
#ca271f
```
#ca271f rgb(202,39,31)
```
#d31f16
```
#d31f16 rgb(211,31,22)
```
#dc170d
```
#dc170d rgb(220,23,13)
```
#e50f04
```
#e50f04 rgb(229,15,4)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6d4948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7331 Protanopia 1% of men
#906d00 Deuteranopia 1% of men
#d52928 Tritanopia 0.001% of the population

Trichromacy

#9e5427 Protanomaly 1% of men, 0.01% of women
#a85108 Deuteranomaly 6% of men, 0.4% of women
#d42521 Tritanomaly 0.01% of the population

#d31f16 hex color

#d31f16 Color Information

#d31f16 Color Conversion

Color Schemes with #d31f16

Alternatives to #d31f16

#d31f16 Preview

Shades and Tints of #d31f16

Tones of #d31f16

Color Blindness Simulator