#d7311a hex color

In a RGB color space, hex #d7311a is composed of 84.3% red, 19.2% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 87.9% yellow and 15.7% black. It has a hue angle of 7.3 degrees, a saturation of 78.4% and a lightness of 47.3%. #d7311a color hex could be obtained by blending #ff6234 with #af0000. Closest websafe color is: #cc3333.

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

● #d7311a color description : Strong red.

The hexadecimal color #d7311a has RGB values of R:215, G:49, B:26 and CMYK values of C:0, M:0.77, Y:0.88, K:0.16. Its decimal value is 14102810.

Hex triplet	d7311a	`#d7311a`
RGB Decimal	215, 49, 26	`rgb(215,49,26)`
RGB Percent	84.3, 19.2, 10.2	`rgb(84.3%,19.2%,10.2%)`
CMYK	0, 77, 88, 16
HSL	7.3°, 78.4, 47.3	`hsl(7.3,78.4%,47.3%)`
HSV (or HSB)	7.3°, 87.9, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.908, 62.34, 52.142
XYZ	29.311, 16.722, 2.662
xyY	0.602, 0.343, 16.722
CIE-LCH	47.908, 81.272, 39.909
CIE-LUV	47.908, 130.213, 33.63
Hunter-Lab	40.892, 56.382, 24.766
Binary	11010111, 00110001, 00011010

#d7311a
```
#d7311a rgb(215,49,26)
```
#1ac0d7
```
#1ac0d7 rgb(26,192,215)
```

Complementary Color

#d71a62
```
#d71a62 rgb(215,26,98)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#d7901a
```
#d7901a rgb(215,144,26)
```

Analogous Color

#1a62d7
```
#1a62d7 rgb(26,98,215)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#1ad790
```
#1ad790 rgb(26,215,144)
```

Split Complementary Color

#311ad7
```
#311ad7 rgb(49,26,215)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#1ad731
```
#1ad731 rgb(26,215,49)
```

Triadic Color

#d71ac0
```
#d71ac0 rgb(215,26,192)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#1ad731
```
#1ad731 rgb(26,215,49)
```
#1ac0d7
```
#1ac0d7 rgb(26,192,215)
```

Tetradic Color

#932112
```
#932112 rgb(147,33,18)
```
#aa2714
```
#aa2714 rgb(170,39,20)
```
#c02c17
```
#c02c17 rgb(192,44,23)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#e53d26
```
#e53d26 rgb(229,61,38)
```
#e7513d
```
#e7513d rgb(231,81,61)
```
#ea6653
```
#ea6653 rgb(234,102,83)
```

Monochromatic Color

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

#d71a32
```
#d71a32 rgb(215,26,50)
```
#d71a23
```
#d71a23 rgb(215,26,35)
```
#d7211a
```
#d7211a rgb(215,33,26)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#d7411a
```
#d7411a rgb(215,65,26)
```
#d7501a
```
#d7501a rgb(215,80,26)
```
#d7601a
```
#d7601a rgb(215,96,26)
```

Similar Colors

Text with hexadecimal color #d7311a

This text has a font color of #d7311a.

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

#d7311a background color

This paragraph has a background color of #d7311a.

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

#d7311a border color

This element has a border color of #d7311a.

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

CSS codes

.text {color:#d7311a;}

.background {background-color:#d7311a;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#170503
```
#170503 rgb(23,5,3)
```
#280905
```
#280905 rgb(40,9,5)
```
#3a0d07
```
#3a0d07 rgb(58,13,7)
```
#4b1109
```
#4b1109 rgb(75,17,9)
```
#5d150b
```
#5d150b rgb(93,21,11)
```
#6e190d
```
#6e190d rgb(110,25,13)
```
#801d0f
```
#801d0f rgb(128,29,15)
```
#912112
```
#912112 rgb(145,33,18)
```
#a32514
```
#a32514 rgb(163,37,20)
```
#b42916
```
#b42916 rgb(180,41,22)
```
#c62d18
```
#c62d18 rgb(198,45,24)
```
#d7311a
```
#d7311a rgb(215,49,26)
```

Shade Color Variation

#e43821
```
#e43821 rgb(228,56,33)
```
#e64832
```
#e64832 rgb(230,72,50)
```
#e85844
```
#e85844 rgb(232,88,68)
```
#ea6755
```
#ea6755 rgb(234,103,85)
```
#ed7767
```
#ed7767 rgb(237,119,103)
```
#ef8678
```
#ef8678 rgb(239,134,120)
```
#f1968a
```
#f1968a rgb(241,150,138)
```
#f3a69b
```
#f3a69b rgb(243,166,155)
```
#f5b5ad
```
#f5b5ad rgb(245,181,173)
```
#f7c5be
```
#f7c5be rgb(247,197,190)
```
#f9d5d0
```
#f9d5d0 rgb(249,213,208)
```
#fbe4e1
```
#fbe4e1 rgb(251,228,225)
```
#fdf4f3
```
#fdf4f3 rgb(253,244,243)
```

Tint Color Variation

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

#7a7777
```
#7a7777 rgb(122,119,119)
```
#84706d
```
#84706d rgb(132,112,109)
```
#8d6964
```
#8d6964 rgb(141,105,100)
```
#96625b
```
#96625b rgb(150,98,91)
```
#9f5b52
```
#9f5b52 rgb(159,91,82)
```
#a95448
```
#a95448 rgb(169,84,72)
```
#b24d3f
```
#b24d3f rgb(178,77,63)
```
#bb4636
```
#bb4636 rgb(187,70,54)
```
#c43f2d
```
#c43f2d rgb(196,63,45)
```
#ce3823
```
#ce3823 rgb(206,56,35)
```
#d7311a
```
#d7311a rgb(215,49,26)
```
#e02a11
```
#e02a11 rgb(224,42,17)
```
#ea2307
```
#ea2307 rgb(234,35,7)
```

Tone Color Variation

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

#867934 Protanopia 1% of men
#977300 Deuteranopia 1% of men
#d9393a Tritanopia 0.001% of the population

Trichromacy

#a35e2a Protanomaly 1% of men, 0.01% of women
#ae5b09 Deuteranomaly 6% of men, 0.4% of women
#d8362e Tritanomaly 0.01% of the population

#d7311a hex color

#d7311a Color Information

#d7311a Color Conversion

Color Schemes with #d7311a

Alternatives to #d7311a

#d7311a Preview

Shades and Tints of #d7311a

Tones of #d7311a

Color Blindness Simulator