#d34312 hex color

In a RGB color space, hex #d34312 is composed of 82.7% red, 26.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 91.5% yellow and 17.3% black. It has a hue angle of 15.2 degrees, a saturation of 84.3% and a lightness of 44.9%. #d34312 color hex could be obtained by blending #ff8624 with #a70000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 83
- G 26
- B 7
RGB color chart
- C 0
- M 68
- Y 91
- K 17
CMYK color chart

● #d34312 color description : Strong orange.

The hexadecimal color #d34312 has RGB values of R:211, G:67, B:18 and CMYK values of C:0, M:0.68, Y:0.91, K:0.17. Its decimal value is 13845266.

Hex triplet	d34312	`#d34312`
RGB Decimal	211, 67, 18	`rgb(211,67,18)`
RGB Percent	82.7, 26.3, 7.1	`rgb(82.7%,26.3%,7.1%)`
CMYK	0, 68, 91, 17
HSL	15.2°, 84.3, 44.9	`hsl(15.2,84.3%,44.9%)`
HSV (or HSB)	15.2°, 91.5, 82.7
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.387, 54.695, 55.867
XYZ	28.982, 17.91, 2.503
xyY	0.587, 0.363, 17.91
CIE-LCH	49.387, 78.184, 45.607
CIE-LUV	49.387, 116.893, 38.465
Hunter-Lab	42.321, 48.179, 26.117
Binary	11010011, 01000011, 00010010

#d34312
```
#d34312 rgb(211,67,18)
```
#12a2d3
```
#12a2d3 rgb(18,162,211)
```

Complementary Color

#d31242
```
#d31242 rgb(211,18,66)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#d3a412
```
#d3a412 rgb(211,164,18)
```

Analogous Color

#1242d3
```
#1242d3 rgb(18,66,211)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#12d3a4
```
#12d3a4 rgb(18,211,164)
```

Split Complementary Color

#4312d3
```
#4312d3 rgb(67,18,211)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#12d343
```
#12d343 rgb(18,211,67)
```

Triadic Color

#d312a2
```
#d312a2 rgb(211,18,162)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#12d343
```
#12d343 rgb(18,211,67)
```
#12a2d3
```
#12a2d3 rgb(18,162,211)
```

Tetradic Color

#8d2d0c
```
#8d2d0c rgb(141,45,12)
```
#a4340e
```
#a4340e rgb(164,52,14)
```
#bc3c10
```
#bc3c10 rgb(188,60,16)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#ea4a14
```
#ea4a14 rgb(234,74,20)
```
#ed5c2b
```
#ed5c2b rgb(237,92,43)
```
#ef6e43
```
#ef6e43 rgb(239,110,67)
```

Monochromatic Color

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

#d31312
```
#d31312 rgb(211,19,18)
```
#d32312
```
#d32312 rgb(211,35,18)
```
#d33312
```
#d33312 rgb(211,51,18)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#d35312
```
#d35312 rgb(211,83,18)
```
#d36312
```
#d36312 rgb(211,99,18)
```
#d37312
```
#d37312 rgb(211,115,18)
```

Similar Colors

Text with hexadecimal color #d34312

This text has a font color of #d34312.

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

#d34312 background color

This paragraph has a background color of #d34312.

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

#d34312 border color

This element has a border color of #d34312.

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

CSS codes

.text {color:#d34312;}

.background {background-color:#d34312;}

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

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, #0c0401 is the darkest color, while #fefaf9 is the lightest one.

#0c0401
```
#0c0401 rgb(12,4,1)
```
#1e0a03
```
#1e0a03 rgb(30,10,3)
```
#300f04
```
#300f04 rgb(48,15,4)
```
#421506
```
#421506 rgb(66,21,6)
```
#541b07
```
#541b07 rgb(84,27,7)
```
#672109
```
#672109 rgb(103,33,9)
```
#79260a
```
#79260a rgb(121,38,10)
```
#8b2c0c
```
#8b2c0c rgb(139,44,12)
```
#9d320d
```
#9d320d rgb(157,50,13)
```
#af380f
```
#af380f rgb(175,56,15)
```
#c13d10
```
#c13d10 rgb(193,61,16)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#e54914
```
#e54914 rgb(229,73,20)
```

Shade Color Variation

#ec5420
```
#ec5420 rgb(236,84,32)
```
#ee6232
```
#ee6232 rgb(238,98,50)
```
#ef7044
```
#ef7044 rgb(239,112,68)
```
#f17e56
```
#f17e56 rgb(241,126,86)
```
#f28b69
```
#f28b69 rgb(242,139,105)
```
#f4997b
```
#f4997b rgb(244,153,123)
```
#f5a78d
```
#f5a78d rgb(245,167,141)
```
#f7b59f
```
#f7b59f rgb(247,181,159)
```
#f8c3b1
```
#f8c3b1 rgb(248,195,177)
```
#fad1c3
```
#fad1c3 rgb(250,209,195)
```
#fbdfd5
```
#fbdfd5 rgb(251,223,213)
```
#fdede7
```
#fdede7 rgb(253,237,231)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#7b6e6a
```
#7b6e6a rgb(123,110,106)
```
#846a61
```
#846a61 rgb(132,106,97)
```
#8d6658
```
#8d6658 rgb(141,102,88)
```
#956150
```
#956150 rgb(149,97,80)
```
#9e5d47
```
#9e5d47 rgb(158,93,71)
```
#a7593e
```
#a7593e rgb(167,89,62)
```
#b05435
```
#b05435 rgb(176,84,53)
```
#b9502c
```
#b9502c rgb(185,80,44)
```
#c14c24
```
#c14c24 rgb(193,76,36)
```
#ca471b
```
#ca471b rgb(202,71,27)
```
#d34312
```
#d34312 rgb(211,67,18)
```
#dc3f09
```
#dc3f09 rgb(220,63,9)
```
#e53a00
```
#e53a00 rgb(229,58,0)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7d6157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c29 Protanopia 1% of men
#9b7600 Deuteranopia 1% of men
#d6484b Tritanopia 0.001% of the population

Trichromacy

#a56721 Protanomaly 1% of men, 0.01% of women
#af6306 Deuteranomaly 6% of men, 0.4% of women
#d54636 Tritanomaly 0.01% of the population

#d34312 hex color

#d34312 Color Information

#d34312 Color Conversion

Color Schemes with #d34312

Alternatives to #d34312

#d34312 Preview

Shades and Tints of #d34312

Tones of #d34312

Color Blindness Simulator