#d7312a hex color

In a RGB color space, hex #d7312a is composed of 84.3% red, 19.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.2% magenta, 80.5% yellow and 15.7% black. It has a hue angle of 2.4 degrees, a saturation of 68.4% and a lightness of 50.4%. #d7312a color hex could be obtained by blending #ff6254 with #af0000. Closest websafe color is: #cc3333.

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

● #d7312a color description : Strong red.

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

Hex triplet	d7312a	`#d7312a`
RGB Decimal	215, 49, 42	`rgb(215,49,42)`
RGB Percent	84.3, 19.2, 16.5	`rgb(84.3%,19.2%,16.5%)`
CMYK	0, 77, 80, 16
HSL	2.4°, 68.4, 50.4	`hsl(2.4,68.4%,50.4%)`
HSV (or HSB)	2.4°, 80.5, 84.3
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.025, 62.719, 44.572
XYZ	29.542, 16.815, 3.88
xyY	0.588, 0.335, 16.815
CIE-LCH	48.025, 76.944, 35.4
CIE-LUV	48.025, 127.934, 29.621
Hunter-Lab	41.005, 56.839, 23.093
Binary	11010111, 00110001, 00101010

#d7312a
```
#d7312a rgb(215,49,42)
```
#2ad0d7
```
#2ad0d7 rgb(42,208,215)
```

Complementary Color

#d72a7a
```
#d72a7a rgb(215,42,122)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#d7882a
```
#d7882a rgb(215,136,42)
```

Analogous Color

#2a7ad7
```
#2a7ad7 rgb(42,122,215)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#2ad788
```
#2ad788 rgb(42,215,136)
```

Split Complementary Color

#312ad7
```
#312ad7 rgb(49,42,215)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#2ad731
```
#2ad731 rgb(42,215,49)
```

Triadic Color

#d72ad0
```
#d72ad0 rgb(215,42,208)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#2ad731
```
#2ad731 rgb(42,215,49)
```
#2ad0d7
```
#2ad0d7 rgb(42,208,215)
```

Tetradic Color

#98221d
```
#98221d rgb(152,34,29)
```
#ad2621
```
#ad2621 rgb(173,38,33)
```
#c32b25
```
#c32b25 rgb(195,43,37)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#db463f
```
#db463f rgb(219,70,63)
```
#df5b55
```
#df5b55 rgb(223,91,85)
```
#e36f6a
```
#e36f6a rgb(227,111,106)
```

Monochromatic Color

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

#d72a4e
```
#d72a4e rgb(215,42,78)
```
#d72a40
```
#d72a40 rgb(215,42,64)
```
#d72a31
```
#d72a31 rgb(215,42,49)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#d73f2a
```
#d73f2a rgb(215,63,42)
```
#d74e2a
```
#d74e2a rgb(215,78,42)
```
#d75c2a
```
#d75c2a rgb(215,92,42)
```

Similar Colors

Text with hexadecimal color #d7312a

This text has a font color of #d7312a.

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

#d7312a background color

This paragraph has a background color of #d7312a.

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

#d7312a border color

This element has a border color of #d7312a.

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

CSS codes

.text {color:#d7312a;}

.background {background-color:#d7312a;}

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

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 #fcf1f0 is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#120403
```
#120403 rgb(18,4,3)
```
#230807
```
#230807 rgb(35,8,7)
```
#330b0a
```
#330b0a rgb(51,11,10)
```
#440f0d
```
#440f0d rgb(68,15,13)
```
#541310
```
#541310 rgb(84,19,16)
```
#651613
```
#651613 rgb(101,22,19)
```
#751a16
```
#751a16 rgb(117,26,22)
```
#861e19
```
#861e19 rgb(134,30,25)
```
#96211c
```
#96211c rgb(150,33,28)
```
#a7251f
```
#a7251f rgb(167,37,31)
```
#b72822
```
#b72822 rgb(183,40,34)
```
#c82c26
```
#c82c26 rgb(200,44,38)
```

Shade Color Variation

#d7312a
```
#d7312a rgb(215,49,42)
```
#da413b
```
#da413b rgb(218,65,59)
```
#dd514b
```
#dd514b rgb(221,81,75)
```
#e0615c
```
#e0615c rgb(224,97,92)
```
#e3716c
```
#e3716c rgb(227,113,108)
```
#e7817d
```
#e7817d rgb(231,129,125)
```
#ea918d
```
#ea918d rgb(234,145,141)
```
#eda19e
```
#eda19e rgb(237,161,158)
```
#f0b1ae
```
#f0b1ae rgb(240,177,174)
```
#f3c1bf
```
#f3c1bf rgb(243,193,191)
```
#f6d1cf
```
#f6d1cf rgb(246,209,207)
```
#f9e1e0
```
#f9e1e0 rgb(249,225,224)
```
#fcf1f0
```
#fcf1f0 rgb(252,241,240)
```

Tint Color Variation

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

#897978
```
#897978 rgb(137,121,120)
```
#93706e
```
#93706e rgb(147,112,110)
```
#9d6764
```
#9d6764 rgb(157,103,100)
```
#a65e5b
```
#a65e5b rgb(166,94,91)
```
#b05551
```
#b05551 rgb(176,85,81)
```
#ba4c47
```
#ba4c47 rgb(186,76,71)
```
#c4433d
```
#c4433d rgb(196,67,61)
```
#cd3a34
```
#cd3a34 rgb(205,58,52)
```
#d7312a
```
#d7312a rgb(215,49,42)
```
#e12820
```
#e12820 rgb(225,40,32)
```
#ea1f17
```
#ea1f17 rgb(234,31,23)
```
#f4160d
```
#f4160d rgb(244,22,13)
```
#fe0d03
```
#fe0d03 rgb(254,13,3)
```

Tone Color Variation

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

#847945 Protanopia 1% of men
#967326 Deuteranopia 1% of men
#d93a3c Tritanopia 0.001% of the population

Trichromacy

#a25f3b Protanomaly 1% of men, 0.01% of women
#ae5b27 Deuteranomaly 6% of men, 0.4% of women
#d83735 Tritanomaly 0.01% of the population

#d7312a hex color

#d7312a Color Information

#d7312a Color Conversion

Color Schemes with #d7312a

Alternatives to #d7312a

#d7312a Preview

Shades and Tints of #d7312a

Tones of #d7312a

Color Blindness Simulator