#d31f0c hex color

In a RGB color space, hex #d31f0c is composed of 82.7% red, 12.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.3% magenta, 94.3% yellow and 17.3% black. It has a hue angle of 5.7 degrees, a saturation of 89.2% and a lightness of 43.7%. #d31f0c color hex could be obtained by blending #ff3e18 with #a70000. Closest websafe color is: #cc3300.

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

● #d31f0c color description : Strong red.

The hexadecimal color #d31f0c has RGB values of R:211, G:31, B:12 and CMYK values of C:0, M:0.85, Y:0.94, K:0.17. Its decimal value is 13836044.

Hex triplet	d31f0c	`#d31f0c`
RGB Decimal	211, 31, 12	`rgb(211,31,12)`
RGB Percent	82.7, 12.2, 4.7	`rgb(82.7%,12.2%,4.7%)`
CMYK	0, 85, 94, 17
HSL	5.7°, 89.2, 43.7	`hsl(5.7,89.2%,43.7%)`
HSV (or HSB)	5.7°, 94.3, 82.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.44, 65.557, 55.248
XYZ	27.422, 14.859, 1.772
xyY	0.622, 0.337, 14.859
CIE-LCH	45.44, 85.733, 40.122
CIE-LUV	45.44, 136.61, 32.384
Hunter-Lab	38.547, 59.524, 24.258
Binary	11010011, 00011111, 00001100

#d31f0c
```
#d31f0c rgb(211,31,12)
```
#0cc0d3
```
#0cc0d3 rgb(12,192,211)
```

Complementary Color

#d30c5d
```
#d30c5d rgb(211,12,93)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#d3830c
```
#d3830c rgb(211,131,12)
```

Analogous Color

#0c5dd3
```
#0c5dd3 rgb(12,93,211)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#0cd383
```
#0cd383 rgb(12,211,131)
```

Split Complementary Color

#1f0cd3
```
#1f0cd3 rgb(31,12,211)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#0cd31f
```
#0cd31f rgb(12,211,31)
```

Triadic Color

#d30cc0
```
#d30cc0 rgb(211,12,192)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#0cd31f
```
#0cd31f rgb(12,211,31)
```
#0cc0d3
```
#0cc0d3 rgb(12,192,211)
```

Tetradic Color

#8b1408
```
#8b1408 rgb(139,20,8)
```
#a31809
```
#a31809 rgb(163,24,9)
```
#bb1b0b
```
#bb1b0b rgb(187,27,11)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#eb230d
```
#eb230d rgb(235,35,13)
```
#f23420
```
#f23420 rgb(242,52,32)
```
#f44a38
```
#f44a38 rgb(244,74,56)
```

Monochromatic Color

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

#d30c2b
```
#d30c2b rgb(211,12,43)
```
#d30c1a
```
#d30c1a rgb(211,12,26)
```
#d30e0c
```
#d30e0c rgb(211,14,12)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#d3300c
```
#d3300c rgb(211,48,12)
```
#d3400c
```
#d3400c rgb(211,64,12)
```
#d3510c
```
#d3510c rgb(211,81,12)
```

Similar Colors

Text with hexadecimal color #d31f0c

This text has a font color of #d31f0c.

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

#d31f0c background color

This paragraph has a background color of #d31f0c.

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

#d31f0c border color

This element has a border color of #d31f0c.

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

CSS codes

.text {color:#d31f0c;}

.background {background-color:#d31f0c;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#190401
```
#190401 rgb(25,4,1)
```
#2c0603
```
#2c0603 rgb(44,6,3)
```
#3f0904
```
#3f0904 rgb(63,9,4)
```
#510c05
```
#510c05 rgb(81,12,5)
```
#640f06
```
#640f06 rgb(100,15,6)
```
#761107
```
#761107 rgb(118,17,7)
```
#891408
```
#891408 rgb(137,20,8)
```
#9b1709
```
#9b1709 rgb(155,23,9)
```
#ae1a0a
```
#ae1a0a rgb(174,26,10)
```
#c01c0b
```
#c01c0b rgb(192,28,11)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#e6220d
```
#e6220d rgb(230,34,13)
```

Shade Color Variation

#f22a15
```
#f22a15 rgb(242,42,21)
```
#f33b27
```
#f33b27 rgb(243,59,39)
```
#f44b3a
```
#f44b3a rgb(244,75,58)
```
#f55c4c
```
#f55c4c rgb(245,92,76)
```
#f66d5f
```
#f66d5f rgb(246,109,95)
```
#f77e71
```
#f77e71 rgb(247,126,113)
```
#f88f84
```
#f88f84 rgb(248,143,132)
```
#f9a096
```
#f9a096 rgb(249,160,150)
```
#fab1a9
```
#fab1a9 rgb(250,177,169)
```
#fbc2bc
```
#fbc2bc rgb(251,194,188)
```
#fcd3ce
```
#fcd3ce rgb(252,211,206)
```
#fde3e1
```
#fde3e1 rgb(253,227,225)
```
#fef4f3
```
#fef4f3 rgb(254,244,243)
```

Tint Color Variation

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

#756b6a
```
#756b6a rgb(117,107,106)
```
#7d6462
```
#7d6462 rgb(125,100,98)
```
#865d59
```
#865d59 rgb(134,93,89)
```
#8e5751
```
#8e5751 rgb(142,87,81)
```
#975048
```
#975048 rgb(151,80,72)
```
#a0493f
```
#a0493f rgb(160,73,63)
```
#a84237
```
#a84237 rgb(168,66,55)
```
#b13b2e
```
#b13b2e rgb(177,59,46)
```
#b93426
```
#b93426 rgb(185,52,38)
```
#c22d1d
```
#c22d1d rgb(194,45,29)
```
#ca2615
```
#ca2615 rgb(202,38,21)
```
#d31f0c
```
#d31f0c rgb(211,31,12)
```
#dc1803
```
#dc1803 rgb(220,24,3)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#6d4945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807328 Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#d52927 Tritanopia 0.001% of the population

Trichromacy

#9e541d Protanomaly 1% of men, 0.01% of women
#a85104 Deuteranomaly 6% of men, 0.4% of women
#d4251d Tritanomaly 0.01% of the population

#d31f0c hex color

#d31f0c Color Information

#d31f0c Color Conversion

Color Schemes with #d31f0c

Alternatives to #d31f0c

#d31f0c Preview

Shades and Tints of #d31f0c

Tones of #d31f0c

Color Blindness Simulator