#d7311c hex color

In a RGB color space, hex #d7311c is composed of 84.3% red, 19.2% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 87% yellow and 15.7% black. It has a hue angle of 6.7 degrees, a saturation of 77% and a lightness of 47.6%. #d7311c color hex could be obtained by blending #ff6238 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

● #d7311c color description : Strong red.

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

Hex triplet	d7311c	`#d7311c`
RGB Decimal	215, 49, 28	`rgb(215,49,28)`
RGB Percent	84.3, 19.2, 11	`rgb(84.3%,19.2%,11%)`
CMYK	0, 77, 87, 16
HSL	6.7°, 77, 47.6	`hsl(6.7,77%,47.6%)`
HSV (or HSB)	6.7°, 87, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.92, 62.378, 51.289
XYZ	29.334, 16.731, 2.783
xyY	0.601, 0.343, 16.731
CIE-LCH	47.92, 80.757, 39.428
CIE-LUV	47.92, 129.981, 33.224
Hunter-Lab	40.904, 56.428, 24.598
Binary	11010111, 00110001, 00011100

#d7311c
```
#d7311c rgb(215,49,28)
```
#1cc2d7
```
#1cc2d7 rgb(28,194,215)
```

Complementary Color

#d71c65
```
#d71c65 rgb(215,28,101)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#d78f1c
```
#d78f1c rgb(215,143,28)
```

Analogous Color

#1c65d7
```
#1c65d7 rgb(28,101,215)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#1cd78f
```
#1cd78f rgb(28,215,143)
```

Split Complementary Color

#311cd7
```
#311cd7 rgb(49,28,215)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#1cd731
```
#1cd731 rgb(28,215,49)
```

Triadic Color

#d71cc2
```
#d71cc2 rgb(215,28,194)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#1cd731
```
#1cd731 rgb(28,215,49)
```
#1cc2d7
```
#1cc2d7 rgb(28,194,215)
```

Tetradic Color

#932213
```
#932213 rgb(147,34,19)
```
#aa2716
```
#aa2716 rgb(170,39,22)
```
#c02c19
```
#c02c19 rgb(192,44,25)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#e33e29
```
#e33e29 rgb(227,62,41)
```
#e65340
```
#e65340 rgb(230,83,64)
```
#e96756
```
#e96756 rgb(233,103,86)
```

Monochromatic Color

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

#d71c36
```
#d71c36 rgb(215,28,54)
```
#d71c26
```
#d71c26 rgb(215,28,38)
```
#d7211c
```
#d7211c rgb(215,33,28)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#d7411c
```
#d7411c rgb(215,65,28)
```
#d7501c
```
#d7501c rgb(215,80,28)
```
#d7601c
```
#d7601c rgb(215,96,28)
```

Similar Colors

Text with hexadecimal color #d7311c

This text has a font color of #d7311c.

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

#d7311c background color

This paragraph has a background color of #d7311c.

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

#d7311c border color

This element has a border color of #d7311c.

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

CSS codes

.text {color:#d7311c;}

.background {background-color:#d7311c;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180503
```
#180503 rgb(24,5,3)
```
#290905
```
#290905 rgb(41,9,5)
```
#3b0d08
```
#3b0d08 rgb(59,13,8)
```
#4c110a
```
#4c110a rgb(76,17,10)
```
#5e150c
```
#5e150c rgb(94,21,12)
```
#6f190e
```
#6f190e rgb(111,25,14)
```
#801d11
```
#801d11 rgb(128,29,17)
```
#922113
```
#922113 rgb(146,33,19)
```
#a32515
```
#a32515 rgb(163,37,21)
```
#b42917
```
#b42917 rgb(180,41,23)
```
#c62d1a
```
#c62d1a rgb(198,45,26)
```
#d7311c
```
#d7311c rgb(215,49,28)
```

Shade Color Variation

#e23924
```
#e23924 rgb(226,57,36)
```
#e54935
```
#e54935 rgb(229,73,53)
```
#e75947
```
#e75947 rgb(231,89,71)
```
#e96858
```
#e96858 rgb(233,104,88)
```
#ec786a
```
#ec786a rgb(236,120,106)
```
#ee887b
```
#ee887b rgb(238,136,123)
```
#f0978c
```
#f0978c rgb(240,151,140)
```
#f2a79e
```
#f2a79e rgb(242,167,158)
```
#f5b7af
```
#f5b7af rgb(245,183,175)
```
#f7c6c0
```
#f7c6c0 rgb(247,198,192)
```
#f9d6d2
```
#f9d6d2 rgb(249,214,210)
```
#fbe6e3
```
#fbe6e3 rgb(251,230,227)
```
#fef5f4
```
#fef5f4 rgb(254,245,244)
```

Tint Color Variation

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

#7a7979
```
#7a7979 rgb(122,121,121)
```
#837270
```
#837270 rgb(131,114,112)
```
#8c6b67
```
#8c6b67 rgb(140,107,103)
```
#96645d
```
#96645d rgb(150,100,93)
```
#9f5c54
```
#9f5c54 rgb(159,92,84)
```
#a8554b
```
#a8554b rgb(168,85,75)
```
#b24e41
```
#b24e41 rgb(178,78,65)
```
#bb4738
```
#bb4738 rgb(187,71,56)
```
#c43f2f
```
#c43f2f rgb(196,63,47)
```
#ce3825
```
#ce3825 rgb(206,56,37)
```
#d7311c
```
#d7311c rgb(215,49,28)
```
#e02a13
```
#e02a13 rgb(224,42,19)
```
#ea2309
```
#ea2309 rgb(234,35,9)
```

Tone Color Variation

Below, you can see how #d7311c 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
#785752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#867936 Protanopia 1% of men
#97730c Deuteranopia 1% of men
#d9393a Tritanopia 0.001% of the population

Trichromacy

#a35e2c Protanomaly 1% of men, 0.01% of women
#ae5b12 Deuteranomaly 6% of men, 0.4% of women
#d8362f Tritanomaly 0.01% of the population

#d7311c hex color

#d7311c Color Information

#d7311c Color Conversion

Color Schemes with #d7311c

Alternatives to #d7311c

#d7311c Preview

Shades and Tints of #d7311c

Tones of #d7311c

Color Blindness Simulator