#d4312c hex color

In a RGB color space, hex #d4312c is composed of 83.1% red, 19.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 76.9% magenta, 79.2% yellow and 16.9% black. It has a hue angle of 1.8 degrees, a saturation of 66.1% and a lightness of 50.2%. #d4312c color hex could be obtained by blending #ff6258 with #a90000. Closest websafe color is: #cc3333.

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

● #d4312c color description : Strong red.

The hexadecimal color #d4312c has RGB values of R:212, G:49, B:44 and CMYK values of C:0, M:0.77, Y:0.79, K:0.17. Its decimal value is 13906220.

Hex triplet	d4312c	`#d4312c`
RGB Decimal	212, 49, 44	`rgb(212,49,44)`
RGB Percent	83.1, 19.2, 17.3	`rgb(83.1%,19.2%,17.3%)`
CMYK	0, 77, 79, 17
HSL	1.8°, 66.1, 50.2	`hsl(1.8,66.1%,50.2%)`
HSV (or HSB)	1.8°, 79.2, 83.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.468, 61.896, 42.761
XYZ	28.706, 16.379, 4.033
xyY	0.584, 0.333, 16.379
CIE-LCH	47.468, 75.23, 34.638
CIE-LUV	47.468, 125.239, 28.514
Hunter-Lab	40.471, 55.784, 22.422
Binary	11010100, 00110001, 00101100

#d4312c
```
#d4312c rgb(212,49,44)
```
#2ccfd4
```
#2ccfd4 rgb(44,207,212)
```

Complementary Color

#d42c7b
```
#d42c7b rgb(212,44,123)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#d4852c
```
#d4852c rgb(212,133,44)
```

Analogous Color

#2c7bd4
```
#2c7bd4 rgb(44,123,212)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#2cd485
```
#2cd485 rgb(44,212,133)
```

Split Complementary Color

#312cd4
```
#312cd4 rgb(49,44,212)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#2cd431
```
#2cd431 rgb(44,212,49)
```

Triadic Color

#d42ccf
```
#d42ccf rgb(212,44,207)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#2cd431
```
#2cd431 rgb(44,212,49)
```
#2ccfd4
```
#2ccfd4 rgb(44,207,212)
```

Tetradic Color

#95221e
```
#95221e rgb(149,34,30)
```
#aa2723
```
#aa2723 rgb(170,39,35)
```
#bf2c27
```
#bf2c27 rgb(191,44,39)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#d84641
```
#d84641 rgb(216,70,65)
```
#dd5a56
```
#dd5a56 rgb(221,90,86)
```
#e16f6c
```
#e16f6c rgb(225,111,108)
```

Monochromatic Color

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

#d42c51
```
#d42c51 rgb(212,44,81)
```
#d42c43
```
#d42c43 rgb(212,44,67)
```
#d42c35
```
#d42c35 rgb(212,44,53)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#d43f2c
```
#d43f2c rgb(212,63,44)
```
#d44d2c
```
#d44d2c rgb(212,77,44)
```
#d45b2c
```
#d45b2c rgb(212,91,44)
```

Similar Colors

Text with hexadecimal color #d4312c

This text has a font color of #d4312c.

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

#d4312c background color

This paragraph has a background color of #d4312c.

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

#d4312c border color

This element has a border color of #d4312c.

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

CSS codes

.text {color:#d4312c;}

.background {background-color:#d4312c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110403
```
#110403 rgb(17,4,3)
```
#210807
```
#210807 rgb(33,8,7)
```
#320b0a
```
#320b0a rgb(50,11,10)
```
#420f0d
```
#420f0d rgb(66,15,13)
```
#521311
```
#521311 rgb(82,19,17)
```
#631614
```
#631614 rgb(99,22,20)
```
#731a17
```
#731a17 rgb(115,26,23)
```
#831e1b
```
#831e1b rgb(131,30,27)
```
#93221e
```
#93221e rgb(147,34,30)
```
#a42521
```
#a42521 rgb(164,37,33)
```
#b42925
```
#b42925 rgb(180,41,37)
```
#c42d28
```
#c42d28 rgb(196,45,40)
```

Shade Color Variation

#d4312c
```
#d4312c rgb(212,49,44)
```
#d7413c
```
#d7413c rgb(215,65,60)
```
#db514d
```
#db514d rgb(219,81,77)
```
#de615d
```
#de615d rgb(222,97,93)
```
#e1716d
```
#e1716d rgb(225,113,109)
```
#e5817d
```
#e5817d rgb(229,129,125)
```
#e8908e
```
#e8908e rgb(232,144,142)
```
#eba09e
```
#eba09e rgb(235,160,158)
```
#efb0ae
```
#efb0ae rgb(239,176,174)
```
#f2c0bf
```
#f2c0bf rgb(242,192,191)
```
#f5d0cf
```
#f5d0cf rgb(245,208,207)
```
#f9e0df
```
#f9e0df rgb(249,224,223)
```
#fcf0f0
```
#fcf0f0 rgb(252,240,240)
```

Tint Color Variation

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

#867b7a
```
#867b7a rgb(134,123,122)
```
#907170
```
#907170 rgb(144,113,112)
```
#996867
```
#996867 rgb(153,104,103)
```
#a35f5d
```
#a35f5d rgb(163,95,93)
```
#ad5653
```
#ad5653 rgb(173,86,83)
```
#b74d49
```
#b74d49 rgb(183,77,73)
```
#c04340
```
#c04340 rgb(192,67,64)
```
#ca3a36
```
#ca3a36 rgb(202,58,54)
```
#d4312c
```
#d4312c rgb(212,49,44)
```
#de2822
```
#de2822 rgb(222,40,34)
```
#e81f18
```
#e81f18 rgb(232,31,24)
```
#f1150f
```
#f1150f rgb(241,21,15)
```
#fb0c05
```
#fb0c05 rgb(251,12,5)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#785756 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837847 Protanopia 1% of men
#947229 Deuteranopia 1% of men
#d63a3c Tritanopia 0.001% of the population

Trichromacy

#a05e3d Protanomaly 1% of men, 0.01% of women
#ab5a2a Deuteranomaly 6% of men, 0.4% of women
#d53736 Tritanomaly 0.01% of the population

#d4312c hex color

#d4312c Color Information

#d4312c Color Conversion

Color Schemes with #d4312c

Alternatives to #d4312c

#d4312c Preview

Shades and Tints of #d4312c

Tones of #d4312c

Color Blindness Simulator