#d7031f hex color

In a RGB color space, hex #d7031f is composed of 84.3% red, 1.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.6% magenta, 85.6% yellow and 15.7% black. It has a hue angle of 352.1 degrees, a saturation of 97.2% and a lightness of 42.7%. #d7031f color hex could be obtained by blending #ff063e with #af0000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 84
- G 1
- B 12
RGB color chart
- C 0
- M 99
- Y 86
- K 16
CMYK color chart

● #d7031f color description : Strong red.

The hexadecimal color #d7031f has RGB values of R:215, G:3, B:31 and CMYK values of C:0, M:0.99, Y:0.86, K:0.16. Its decimal value is 14091039.

Hex triplet	d7031f	`#d7031f`
RGB Decimal	215, 3, 31	`rgb(215,3,31)`
RGB Percent	84.3, 1.2, 12.2	`rgb(84.3%,1.2%,12.2%)`
CMYK	0, 99, 86, 16
HSL	352.1°, 97.2, 42.7	`hsl(352.1,97.2%,42.7%)`
HSV (or HSB)	352.1°, 98.6, 84.3
Web Safe	cc0033	`#cc0033`

CIE-LAB	45.102, 70.528, 47.558
XYZ	28.306, 14.615, 2.627
xyY	0.621, 0.321, 14.615
CIE-LCH	45.102, 85.064, 33.992
CIE-LUV	45.102, 143.92, 27.356
Hunter-Lab	38.229, 65.263, 22.687
Binary	11010111, 00000011, 00011111

#d7031f
```
#d7031f rgb(215,3,31)
```
#03d7bb
```
#03d7bb rgb(3,215,187)
```

Complementary Color

#d70389
```
#d70389 rgb(215,3,137)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#d75103
```
#d75103 rgb(215,81,3)
```

Analogous Color

#0389d7
```
#0389d7 rgb(3,137,215)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#03d751
```
#03d751 rgb(3,215,81)
```

Split Complementary Color

#031fd7
```
#031fd7 rgb(3,31,215)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#1fd703
```
#1fd703 rgb(31,215,3)
```

Triadic Color

#bb03d7
```
#bb03d7 rgb(187,3,215)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#1fd703
```
#1fd703 rgb(31,215,3)
```
#03d7bb
```
#03d7bb rgb(3,215,187)
```

Tetradic Color

#8c0214
```
#8c0214 rgb(140,2,20)
```
#a50218
```
#a50218 rgb(165,2,24)
```
#be031b
```
#be031b rgb(190,3,27)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#f00323
```
#f00323 rgb(240,3,35)
```
#fc1130
```
#fc1130 rgb(252,17,48)
```
#fc2a46
```
#fc2a46 rgb(252,42,70)
```

Monochromatic Color

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

#d70354
```
#d70354 rgb(215,3,84)
```
#d70342
```
#d70342 rgb(215,3,66)
```
#d70331
```
#d70331 rgb(215,3,49)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#d7030d
```
#d7030d rgb(215,3,13)
```
#d70a03
```
#d70a03 rgb(215,10,3)
```
#d71c03
```
#d71c03 rgb(215,28,3)
```

Similar Colors

Text with hexadecimal color #d7031f

This text has a font color of #d7031f.

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

#d7031f background color

This paragraph has a background color of #d7031f.

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

#d7031f border color

This element has a border color of #d7031f.

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

CSS codes

.text {color:#d7031f;}

.background {background-color:#d7031f;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#160003
```
#160003 rgb(22,0,3)
```
#290106
```
#290106 rgb(41,1,6)
```
#3c0109
```
#3c0109 rgb(60,1,9)
```
#50010b
```
#50010b rgb(80,1,11)
```
#63010e
```
#63010e rgb(99,1,14)
```
#760211
```
#760211 rgb(118,2,17)
```
#8a0214
```
#8a0214 rgb(138,2,20)
```
#9d0217
```
#9d0217 rgb(157,2,23)
```
#b00219
```
#b00219 rgb(176,2,25)
```
#c4031c
```
#c4031c rgb(196,3,28)
```
#d7031f
```
#d7031f rgb(215,3,31)
```
#ea0322
```
#ea0322 rgb(234,3,34)
```

Shade Color Variation

#fc0626
```
#fc0626 rgb(252,6,38)
```
#fc1937
```
#fc1937 rgb(252,25,55)
```
#fc2c48
```
#fc2c48 rgb(252,44,72)
```
#fc4059
```
#fc4059 rgb(252,64,89)
```
#fd5369
```
#fd5369 rgb(253,83,105)
```
#fd667a
```
#fd667a rgb(253,102,122)
```
#fd7a8b
```
#fd7a8b rgb(253,122,139)
```
#fd8d9c
```
#fd8d9c rgb(253,141,156)
```
#fea0ad
```
#fea0ad rgb(254,160,173)
```
#feb4be
```
#feb4be rgb(254,180,190)
```
#fec7ce
```
#fec7ce rgb(254,199,206)
```
#fedbdf
```
#fedbdf rgb(254,219,223)
```
#ffeef0
```
#ffeef0 rgb(255,238,240)
```

Tint Color Variation

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

#726869
```
#726869 rgb(114,104,105)
```
#7b5f63
```
#7b5f63 rgb(123,95,99)
```
#83575d
```
#83575d rgb(131,87,93)
```
#8c4e57
```
#8c4e57 rgb(140,78,87)
```
#944650
```
#944650 rgb(148,70,80)
```
#9c3e4a
```
#9c3e4a rgb(156,62,74)
```
#a53544
```
#a53544 rgb(165,53,68)
```
#ad2d3e
```
#ad2d3e rgb(173,45,62)
```
#b52538
```
#b52538 rgb(181,37,56)
```
#be1c32
```
#be1c32 rgb(190,28,50)
```
#c6142b
```
#c6142b rgb(198,20,43)
```
#cf0b25
```
#cf0b25 rgb(207,11,37)
```
#d7031f
```
#d7031f rgb(215,3,31)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#63393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d723d Protanopia 1% of men
#8f6c11 Deuteranopia 1% of men
#d81600 Tritanopia 0.001% of the population

Trichromacy

#9e4932 Protanomaly 1% of men, 0.01% of women
#a94616 Deuteranomaly 6% of men, 0.4% of women
#d80f0b Tritanomaly 0.01% of the population

#d7031f hex color

#d7031f Color Information

#d7031f Color Conversion

Color Schemes with #d7031f

Alternatives to #d7031f

#d7031f Preview

Shades and Tints of #d7031f

Tones of #d7031f

Color Blindness Simulator