#d31f00 hex color

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

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

● #d31f00 color description : Strong red.

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

Hex triplet	d31f00	`#d31f00`
RGB Decimal	211, 31, 0	`rgb(211,31,0)`
RGB Percent	82.7, 12.2, 0	`rgb(82.7%,12.2%,0%)`
CMYK	0, 85, 100, 17
HSL	8.8°, 100, 41.4	`hsl(8.8,100%,41.4%)`
HSV (or HSB)	8.8°, 100, 82.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	45.404, 65.448, 58.763
XYZ	27.355, 14.832, 1.423
xyY	0.627, 0.34, 14.832
CIE-LCH	45.404, 87.958, 41.919
CIE-LUV	45.404, 137.392, 33.641
Hunter-Lab	38.513, 59.39, 24.769
Binary	11010011, 00011111, 00000000

#d31f00
```
#d31f00 rgb(211,31,0)
```
#00b4d3
```
#00b4d3 rgb(0,180,211)
```

Complementary Color

#d3004b
```
#d3004b rgb(211,0,75)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#d38900
```
#d38900 rgb(211,137,0)
```

Analogous Color

#004bd3
```
#004bd3 rgb(0,75,211)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#00d389
```
#00d389 rgb(0,211,137)
```

Split Complementary Color

#1f00d3
```
#1f00d3 rgb(31,0,211)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#00d31f
```
#00d31f rgb(0,211,31)
```

Triadic Color

#d300b4
```
#d300b4 rgb(211,0,180)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#00d31f
```
#00d31f rgb(0,211,31)
```
#00b4d3
```
#00b4d3 rgb(0,180,211)
```

Tetradic Color

#871400
```
#871400 rgb(135,20,0)
```
#a01800
```
#a01800 rgb(160,24,0)
```
#ba1b00
```
#ba1b00 rgb(186,27,0)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#ed2300
```
#ed2300 rgb(237,35,0)
```
#ff2b07
```
#ff2b07 rgb(255,43,7)
```
#ff4121
```
#ff4121 rgb(255,65,33)
```

Monochromatic Color

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

#d30016
```
#d30016 rgb(211,0,22)
```
#d30004
```
#d30004 rgb(211,0,4)
```
#d30d00
```
#d30d00 rgb(211,13,0)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#d33100
```
#d33100 rgb(211,49,0)
```
#d34200
```
#d34200 rgb(211,66,0)
```
#d35400
```
#d35400 rgb(211,84,0)
```

Similar Colors

Text with hexadecimal color #d31f00

This text has a font color of #d31f00.

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

#d31f00 background color

This paragraph has a background color of #d31f00.

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

#d31f00 border color

This element has a border color of #d31f00.

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

CSS codes

.text {color:#d31f00;}

.background {background-color:#d31f00;}

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

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, #0f0200 is the darkest color, while #fffbfa is the lightest one.

#0f0200
```
#0f0200 rgb(15,2,0)
```
#220500
```
#220500 rgb(34,5,0)
```
#360800
```
#360800 rgb(54,8,0)
```
#4a0b00
```
#4a0b00 rgb(74,11,0)
```
#5d0e00
```
#5d0e00 rgb(93,14,0)
```
#711100
```
#711100 rgb(113,17,0)
```
#851300
```
#851300 rgb(133,19,0)
```
#981600
```
#981600 rgb(152,22,0)
```
#ac1900
```
#ac1900 rgb(172,25,0)
```
#bf1c00
```
#bf1c00 rgb(191,28,0)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```
#e72200
```
#e72200 rgb(231,34,0)
```
#fa2500
```
#fa2500 rgb(250,37,0)
```

Shade Color Variation

#ff320f
```
#ff320f rgb(255,50,15)
```
#ff4322
```
#ff4322 rgb(255,67,34)
```
#ff5436
```
#ff5436 rgb(255,84,54)
```
#ff644a
```
#ff644a rgb(255,100,74)
```
#ff755d
```
#ff755d rgb(255,117,93)
```
#ff8671
```
#ff8671 rgb(255,134,113)
```
#ff9785
```
#ff9785 rgb(255,151,133)
```
#ffa798
```
#ffa798 rgb(255,167,152)
```
#ffb8ac
```
#ffb8ac rgb(255,184,172)
```
#ffc9bf
```
#ffc9bf rgb(255,201,191)
```
#ffd9d3
```
#ffd9d3 rgb(255,217,211)
```
#ffeae7
```
#ffeae7 rgb(255,234,231)
```
#fffbfa
```
#fffbfa rgb(255,251,250)
```

Tint Color Variation

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

#726461
```
#726461 rgb(114,100,97)
```
#7a5e59
```
#7a5e59 rgb(122,94,89)
```
#825851
```
#825851 rgb(130,88,81)
```
#8a5349
```
#8a5349 rgb(138,83,73)
```
#924d41
```
#924d41 rgb(146,77,65)
```
#9a4739
```
#9a4739 rgb(154,71,57)
```
#a24131
```
#a24131 rgb(162,65,49)
```
#aa3c29
```
#aa3c29 rgb(170,60,41)
```
#b33620
```
#b33620 rgb(179,54,32)
```
#bb3018
```
#bb3018 rgb(187,48,24)
```
#c32a10
```
#c32a10 rgb(195,42,16)
```
#cb2508
```
#cb2508 rgb(203,37,8)
```
#d31f00
```
#d31f00 rgb(211,31,0)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6b4741 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80731c Protanopia 1% of men
#8f6d00 Deuteranopia 1% of men
#d52826 Tritanopia 0.001% of the population

Trichromacy

#9e5411 Protanomaly 1% of men, 0.01% of women
#a85100 Deuteranomaly 6% of men, 0.4% of women
#d42518 Tritanomaly 0.01% of the population

#d31f00 hex color

#d31f00 Color Information

#d31f00 Color Conversion

Color Schemes with #d31f00

Alternatives to #d31f00

#d31f00 Preview

Shades and Tints of #d31f00

Tones of #d31f00

Color Blindness Simulator