#d7312c hex color

In a RGB color space, hex #d7312c is composed of 84.3% red, 19.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 79.5% yellow and 15.7% black. It has a hue angle of 1.8 degrees, a saturation of 68.1% and a lightness of 50.8%. #d7312c color hex could be obtained by blending #ff6258 with #af0000. Closest websafe color is: #cc3333.

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

● #d7312c color description : Strong red.

The hexadecimal color #d7312c has RGB values of R:215, G:49, B:44 and CMYK values of C:0, M:0.77, Y:0.8, K:0.16. Its decimal value is 14102828.

Hex triplet	d7312c	`#d7312c`
RGB Decimal	215, 49, 44	`rgb(215,49,44)`
RGB Percent	84.3, 19.2, 17.3	`rgb(84.3%,19.2%,17.3%)`
CMYK	0, 77, 80, 16
HSL	1.8°, 68.1, 50.8	`hsl(1.8,68.1%,50.8%)`
HSV (or HSB)	1.8°, 79.5, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.044, 62.779, 43.529
XYZ	29.579, 16.829, 4.074
xyY	0.586, 0.333, 16.829
CIE-LCH	48.044, 76.394, 34.736
CIE-LUV	48.044, 127.58, 28.997
Hunter-Lab	41.023, 56.911, 22.829
Binary	11010111, 00110001, 00101100

#d7312c
```
#d7312c rgb(215,49,44)
```
#2cd2d7
```
#2cd2d7 rgb(44,210,215)
```

Complementary Color

#d72c7d
```
#d72c7d rgb(215,44,125)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#d7872c
```
#d7872c rgb(215,135,44)
```

Analogous Color

#2c7dd7
```
#2c7dd7 rgb(44,125,215)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#2cd787
```
#2cd787 rgb(44,215,135)
```

Split Complementary Color

#312cd7
```
#312cd7 rgb(49,44,215)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#2cd731
```
#2cd731 rgb(44,215,49)
```

Triadic Color

#d72cd2
```
#d72cd2 rgb(215,44,210)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#2cd731
```
#2cd731 rgb(44,215,49)
```
#2cd2d7
```
#2cd2d7 rgb(44,210,215)
```

Tetradic Color

#99211d
```
#99211d rgb(153,33,29)
```
#af2521
```
#af2521 rgb(175,37,33)
```
#c42a25
```
#c42a25 rgb(196,42,37)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#db4641
```
#db4641 rgb(219,70,65)
```
#df5b57
```
#df5b57 rgb(223,91,87)
```
#e3706c
```
#e3706c rgb(227,112,108)
```

Monochromatic Color

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

#d72c52
```
#d72c52 rgb(215,44,82)
```
#d72c44
```
#d72c44 rgb(215,44,68)
```
#d72c35
```
#d72c35 rgb(215,44,53)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#d73f2c
```
#d73f2c rgb(215,63,44)
```
#d74e2c
```
#d74e2c rgb(215,78,44)
```
#d75c2c
```
#d75c2c rgb(215,92,44)
```

Similar Colors

Text with hexadecimal color #d7312c

This text has a font color of #d7312c.

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

#d7312c background color

This paragraph has a background color of #d7312c.

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

#d7312c border color

This element has a border color of #d7312c.

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

CSS codes

.text {color:#d7312c;}

.background {background-color:#d7312c;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140404
```
#140404 rgb(20,4,4)
```
#240807
```
#240807 rgb(36,8,7)
```
#350b0a
```
#350b0a rgb(53,11,10)
```
#450f0d
```
#450f0d rgb(69,15,13)
```
#561210
```
#561210 rgb(86,18,16)
```
#661613
```
#661613 rgb(102,22,19)
```
#771917
```
#771917 rgb(119,25,23)
```
#871d1a
```
#871d1a rgb(135,29,26)
```
#98201d
```
#98201d rgb(152,32,29)
```
#a82420
```
#a82420 rgb(168,36,32)
```
#b92723
```
#b92723 rgb(185,39,35)
```
#c92b26
```
#c92b26 rgb(201,43,38)
```

Shade Color Variation

#d7312c
```
#d7312c rgb(215,49,44)
```
#da413c
```
#da413c rgb(218,65,60)
```
#dd514d
```
#dd514d rgb(221,81,77)
```
#e0615d
```
#e0615d rgb(224,97,93)
```
#e4716e
```
#e4716e rgb(228,113,110)
```
#e7817e
```
#e7817e rgb(231,129,126)
```
#ea928f
```
#ea928f rgb(234,146,143)
```
#eda29f
```
#eda29f rgb(237,162,159)
```
#f0b2b0
```
#f0b2b0 rgb(240,178,176)
```
#f3c2c0
```
#f3c2c0 rgb(243,194,192)
```
#f6d2d1
```
#f6d2d1 rgb(246,210,209)
```
#f9e2e1
```
#f9e2e1 rgb(249,226,225)
```
#fdf2f2
```
#fdf2f2 rgb(253,242,242)
```

Tint Color Variation

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

#8a7a79
```
#8a7a79 rgb(138,122,121)
```
#937170
```
#937170 rgb(147,113,112)
```
#9d6866
```
#9d6866 rgb(157,104,102)
```
#a75e5c
```
#a75e5c rgb(167,94,92)
```
#b05553
```
#b05553 rgb(176,85,83)
```
#ba4c49
```
#ba4c49 rgb(186,76,73)
```
#c4433f
```
#c4433f rgb(196,67,63)
```
#cd3a36
```
#cd3a36 rgb(205,58,54)
```
#d7312c
```
#d7312c rgb(215,49,44)
```
#e12822
```
#e12822 rgb(225,40,34)
```
#ea1f19
```
#ea1f19 rgb(234,31,25)
```
#f4160f
```
#f4160f rgb(244,22,15)
```
#fe0d05
```
#fe0d05 rgb(254,13,5)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#795857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847947 Protanopia 1% of men
#967328 Deuteranopia 1% of men
#d93a3c Tritanopia 0.001% of the population

Trichromacy

#a25f3d Protanomaly 1% of men, 0.01% of women
#ae5b29 Deuteranomaly 6% of men, 0.4% of women
#d83736 Tritanomaly 0.01% of the population

#d7312c hex color

#d7312c Color Information

#d7312c Color Conversion

Color Schemes with #d7312c

Alternatives to #d7312c

#d7312c Preview

Shades and Tints of #d7312c

Tones of #d7312c

Color Blindness Simulator