#d64311 hex color

In a RGB color space, hex #d64311 is composed of 83.9% red, 26.3% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.7% magenta, 92.1% yellow and 16.1% black. It has a hue angle of 15.2 degrees, a saturation of 85.3% and a lightness of 45.3%. #d64311 color hex could be obtained by blending #ff8622 with #ad0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 84
- G 26
- B 7
RGB color chart
- C 0
- M 69
- Y 92
- K 16
CMYK color chart

● #d64311 color description : Strong orange.

The hexadecimal color #d64311 has RGB values of R:214, G:67, B:17 and CMYK values of C:0, M:0.69, Y:0.92, K:0.16. Its decimal value is 14041873.

Hex triplet	d64311	`#d64311`
RGB Decimal	214, 67, 17	`rgb(214,67,17)`
RGB Percent	83.9, 26.3, 6.7	`rgb(83.9%,26.3%,6.7%)`
CMYK	0, 69, 92, 16
HSL	15.2°, 85.3, 45.3	`hsl(15.2,85.3%,45.3%)`
HSV (or HSB)	15.2°, 92.1, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.923, 55.68, 56.803
XYZ	29.841, 18.354, 2.502
xyY	0.589, 0.362, 18.354
CIE-LCH	49.923, 79.541, 45.572
CIE-LUV	49.923, 119.371, 38.937
Hunter-Lab	42.842, 49.359, 26.527
Binary	11010110, 01000011, 00010001

#d64311
```
#d64311 rgb(214,67,17)
```
#11a4d6
```
#11a4d6 rgb(17,164,214)
```

Complementary Color

#d61142
```
#d61142 rgb(214,17,66)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#d6a611
```
#d6a611 rgb(214,166,17)
```

Analogous Color

#1142d6
```
#1142d6 rgb(17,66,214)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#11d6a6
```
#11d6a6 rgb(17,214,166)
```

Split Complementary Color

#4311d6
```
#4311d6 rgb(67,17,214)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#11d643
```
#11d643 rgb(17,214,67)
```

Triadic Color

#d611a4
```
#d611a4 rgb(214,17,164)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#11d643
```
#11d643 rgb(17,214,67)
```
#11a4d6
```
#11a4d6 rgb(17,164,214)
```

Tetradic Color

#8f2d0b
```
#8f2d0b rgb(143,45,11)
```
#a7340d
```
#a7340d rgb(167,52,13)
```
#be3c0f
```
#be3c0f rgb(190,60,15)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#ec4b14
```
#ec4b14 rgb(236,75,20)
```
#ee5d2c
```
#ee5d2c rgb(238,93,44)
```
#f06f43
```
#f06f43 rgb(240,111,67)
```

Monochromatic Color

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

#d61211
```
#d61211 rgb(214,18,17)
```
#d62211
```
#d62211 rgb(214,34,17)
```
#d63311
```
#d63311 rgb(214,51,17)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#d65311
```
#d65311 rgb(214,83,17)
```
#d66411
```
#d66411 rgb(214,100,17)
```
#d67411
```
#d67411 rgb(214,116,17)
```

Similar Colors

Text with hexadecimal color #d64311

This text has a font color of #d64311.

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

#d64311 background color

This paragraph has a background color of #d64311.

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

#d64311 border color

This element has a border color of #d64311.

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

CSS codes

.text {color:#d64311;}

.background {background-color:#d64311;}

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

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

#0e0401
```
#0e0401 rgb(14,4,1)
```
#200a03
```
#200a03 rgb(32,10,3)
```
#321004
```
#321004 rgb(50,16,4)
```
#451505
```
#451505 rgb(69,21,5)
```
#571b07
```
#571b07 rgb(87,27,7)
```
#692108
```
#692108 rgb(105,33,8)
```
#7b270a
```
#7b270a rgb(123,39,10)
```
#8d2c0b
```
#8d2c0b rgb(141,44,11)
```
#9f320d
```
#9f320d rgb(159,50,13)
```
#b2380e
```
#b2380e rgb(178,56,14)
```
#c43d10
```
#c43d10 rgb(196,61,16)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#e84912
```
#e84912 rgb(232,73,18)
```

Shade Color Variation

#ed5521
```
#ed5521 rgb(237,85,33)
```
#ef6333
```
#ef6333 rgb(239,99,51)
```
#f07145
```
#f07145 rgb(240,113,69)
```
#f27f57
```
#f27f57 rgb(242,127,87)
```
#f38c6a
```
#f38c6a rgb(243,140,106)
```
#f59a7c
```
#f59a7c rgb(245,154,124)
```
#f6a88e
```
#f6a88e rgb(246,168,142)
```
#f7b6a0
```
#f7b6a0 rgb(247,182,160)
```
#f9c4b2
```
#f9c4b2 rgb(249,196,178)
```
#fad2c4
```
#fad2c4 rgb(250,210,196)
```
#fce0d7
```
#fce0d7 rgb(252,224,215)
```
#fdeee9
```
#fdeee9 rgb(253,238,233)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#747373
```
#747373 rgb(116,115,115)
```
#7d6f6a
```
#7d6f6a rgb(125,111,106)
```
#866a61
```
#866a61 rgb(134,106,97)
```
#8f6658
```
#8f6658 rgb(143,102,88)
```
#98624f
```
#98624f rgb(152,98,79)
```
#a15d46
```
#a15d46 rgb(161,93,70)
```
#aa593d
```
#aa593d rgb(170,89,61)
```
#b25435
```
#b25435 rgb(178,84,53)
```
#bb502c
```
#bb502c rgb(187,80,44)
```
#c44c23
```
#c44c23 rgb(196,76,35)
```
#cd471a
```
#cd471a rgb(205,71,26)
```
#d64311
```
#d64311 rgb(214,67,17)
```
#df3f08
```
#df3f08 rgb(223,63,8)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7f6157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e29 Protanopia 1% of men
#9d7700 Deuteranopia 1% of men
#d9484b Tritanopia 0.001% of the population

Trichromacy

#a76820 Protanomaly 1% of men, 0.01% of women
#b16406 Deuteranomaly 6% of men, 0.4% of women
#d84636 Tritanomaly 0.01% of the population

#d64311 hex color

#d64311 Color Information

#d64311 Color Conversion

Color Schemes with #d64311

Alternatives to #d64311

#d64311 Preview

Shades and Tints of #d64311

Tones of #d64311

Color Blindness Simulator