#d7311d hex color

In a RGB color space, hex #d7311d is composed of 84.3% red, 19.2% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 86.5% yellow and 15.7% black. It has a hue angle of 6.5 degrees, a saturation of 76.2% and a lightness of 47.8%. #d7311d color hex could be obtained by blending #ff623a with #af0000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 84
- G 19
- B 11
RGB color chart
- C 0
- M 77
- Y 87
- K 16
CMYK color chart

● #d7311d color description : Strong red.

The hexadecimal color #d7311d has RGB values of R:215, G:49, B:29 and CMYK values of C:0, M:0.77, Y:0.87, K:0.16. Its decimal value is 14102813.

Hex triplet	d7311d	`#d7311d`
RGB Decimal	215, 49, 29	`rgb(215,49,29)`
RGB Percent	84.3, 19.2, 11.4	`rgb(84.3%,19.2%,11.4%)`
CMYK	0, 77, 87, 16
HSL	6.5°, 76.2, 47.8	`hsl(6.5,76.2%,47.8%)`
HSV (or HSB)	6.5°, 86.5, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.926, 62.398, 50.851
XYZ	29.346, 16.736, 2.848
xyY	0.6, 0.342, 16.736
CIE-LCH	47.926, 80.495, 39.178
CIE-LUV	47.926, 129.86, 33.01
Hunter-Lab	40.91, 56.452, 24.51
Binary	11010111, 00110001, 00011101

#d7311d
```
#d7311d rgb(215,49,29)
```
#1dc3d7
```
#1dc3d7 rgb(29,195,215)
```

Complementary Color

#d71d66
```
#d71d66 rgb(215,29,102)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#d78e1d
```
#d78e1d rgb(215,142,29)
```

Analogous Color

#1d66d7
```
#1d66d7 rgb(29,102,215)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#1dd78e
```
#1dd78e rgb(29,215,142)
```

Split Complementary Color

#311dd7
```
#311dd7 rgb(49,29,215)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#1dd731
```
#1dd731 rgb(29,215,49)
```

Triadic Color

#d71dc3
```
#d71dc3 rgb(215,29,195)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#1dd731
```
#1dd731 rgb(29,215,49)
```
#1dc3d7
```
#1dc3d7 rgb(29,195,215)
```

Tetradic Color

#942214
```
#942214 rgb(148,34,20)
```
#aa2717
```
#aa2717 rgb(170,39,23)
```
#c12c1a
```
#c12c1a rgb(193,44,26)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#e23f2b
```
#e23f2b rgb(226,63,43)
```
#e55342
```
#e55342 rgb(229,83,66)
```
#e86858
```
#e86858 rgb(232,104,88)
```

Monochromatic Color

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

#d71d37
```
#d71d37 rgb(215,29,55)
```
#d71d28
```
#d71d28 rgb(215,29,40)
```
#d7221d
```
#d7221d rgb(215,34,29)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#d7411d
```
#d7411d rgb(215,65,29)
```
#d7501d
```
#d7501d rgb(215,80,29)
```
#d7601d
```
#d7601d rgb(215,96,29)
```

Similar Colors

Text with hexadecimal color #d7311d

This text has a font color of #d7311d.

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

#d7311d background color

This paragraph has a background color of #d7311d.

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

#d7311d border color

This element has a border color of #d7311d.

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

CSS codes

.text {color:#d7311d;}

.background {background-color:#d7311d;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#190603
```
#190603 rgb(25,6,3)
```
#2a0a06
```
#2a0a06 rgb(42,10,6)
```
#3b0e08
```
#3b0e08 rgb(59,14,8)
```
#4d110a
```
#4d110a rgb(77,17,10)
```
#5e150d
```
#5e150d rgb(94,21,13)
```
#6f190f
```
#6f190f rgb(111,25,15)
```
#811d11
```
#811d11 rgb(129,29,17)
```
#922114
```
#922114 rgb(146,33,20)
```
#a32516
```
#a32516 rgb(163,37,22)
```
#b42918
```
#b42918 rgb(180,41,24)
```
#c62d1b
```
#c62d1b rgb(198,45,27)
```
#d7311d
```
#d7311d rgb(215,49,29)
```

Shade Color Variation

#e23a26
```
#e23a26 rgb(226,58,38)
```
#e44a37
```
#e44a37 rgb(228,74,55)
```
#e65948
```
#e65948 rgb(230,89,72)
```
#e9695a
```
#e9695a rgb(233,105,90)
```
#eb796b
```
#eb796b rgb(235,121,107)
```
#ed887c
```
#ed887c rgb(237,136,124)
```
#f0988e
```
#f0988e rgb(240,152,142)
```
#f2a89f
```
#f2a89f rgb(242,168,159)
```
#f4b8b0
```
#f4b8b0 rgb(244,184,176)
```
#f7c7c1
```
#f7c7c1 rgb(247,199,193)
```
#f9d7d3
```
#f9d7d3 rgb(249,215,211)
```
#fbe7e4
```
#fbe7e4 rgb(251,231,228)
```
#fef6f5
```
#fef6f5 rgb(254,246,245)
```

Tint Color Variation

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

#837371
```
#837371 rgb(131,115,113)
```
#8c6c68
```
#8c6c68 rgb(140,108,104)
```
#95655f
```
#95655f rgb(149,101,95)
```
#9f5d55
```
#9f5d55 rgb(159,93,85)
```
#a8564c
```
#a8564c rgb(168,86,76)
```
#b14e43
```
#b14e43 rgb(177,78,67)
```
#bb4739
```
#bb4739 rgb(187,71,57)
```
#c44030
```
#c44030 rgb(196,64,48)
```
#ce3826
```
#ce3826 rgb(206,56,38)
```
#d7311d
```
#d7311d rgb(215,49,29)
```
#e02a14
```
#e02a14 rgb(224,42,20)
```
#ea220a
```
#ea220a rgb(234,34,10)
```
#f31b01
```
#f31b01 rgb(243,27,1)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#785753 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867937 Protanopia 1% of men
#977310 Deuteranopia 1% of men
#d9393a Tritanopia 0.001% of the population

Trichromacy

#a35e2d Protanomaly 1% of men, 0.01% of women
#ae5b14 Deuteranomaly 6% of men, 0.4% of women
#d83630 Tritanomaly 0.01% of the population

#d7311d hex color

#d7311d Color Information

#d7311d Color Conversion

Color Schemes with #d7311d

Alternatives to #d7311d

#d7311d Preview

Shades and Tints of #d7311d

Tones of #d7311d

Color Blindness Simulator