#d64c0f hex color

In a RGB color space, hex #d64c0f is composed of 83.9% red, 29.8% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.5% magenta, 93% yellow and 16.1% black. It has a hue angle of 18.4 degrees, a saturation of 86.9% and a lightness of 44.9%. #d64c0f color hex could be obtained by blending #ff981e with #ad0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 84
- G 30
- B 6
RGB color chart
- C 0
- M 64
- Y 93
- K 16
CMYK color chart

● #d64c0f color description : Strong orange.

The hexadecimal color #d64c0f has RGB values of R:214, G:76, B:15 and CMYK values of C:0, M:0.64, Y:0.93, K:0.16. Its decimal value is 14044175.

Hex triplet	d64c0f	`#d64c0f`
RGB Decimal	214, 76, 15	`rgb(214,76,15)`
RGB Percent	83.9, 29.8, 5.9	`rgb(83.9%,29.8%,5.9%)`
CMYK	0, 64, 93, 16
HSL	18.4°, 86.9, 44.9	`hsl(18.4,86.9%,44.9%)`
HSV (or HSB)	18.4°, 93, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	51.271, 51.993, 58.277
XYZ	30.404, 19.503, 2.615
xyY	0.579, 0.371, 19.503
CIE-LCH	51.271, 78.099, 48.261
CIE-LUV	51.271, 113.177, 41.514
Hunter-Lab	44.162, 45.605, 27.402
Binary	11010110, 01001100, 00001111

#d64c0f
```
#d64c0f rgb(214,76,15)
```
#0f99d6
```
#0f99d6 rgb(15,153,214)
```

Complementary Color

#d60f35
```
#d60f35 rgb(214,15,53)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#d6b00f
```
#d6b00f rgb(214,176,15)
```

Analogous Color

#0f36d6
```
#0f36d6 rgb(15,54,214)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#0fd6b0
```
#0fd6b0 rgb(15,214,176)
```

Split Complementary Color

#4c0fd6
```
#4c0fd6 rgb(76,15,214)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#0fd64c
```
#0fd64c rgb(15,214,76)
```

Triadic Color

#d60f99
```
#d60f99 rgb(214,15,153)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#0fd64c
```
#0fd64c rgb(15,214,76)
```
#0f99d6
```
#0f99d6 rgb(15,153,214)
```

Tetradic Color

#8f330a
```
#8f330a rgb(143,51,10)
```
#a63b0c
```
#a63b0c rgb(166,59,12)
```
#be440d
```
#be440d rgb(190,68,13)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#ee5411
```
#ee5411 rgb(238,84,17)
```
#f06528
```
#f06528 rgb(240,101,40)
```
#f27640
```
#f27640 rgb(242,118,64)
```

Monochromatic Color

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

#d61a0f
```
#d61a0f rgb(214,26,15)
```
#d62b0f
```
#d62b0f rgb(214,43,15)
```
#d63b0f
```
#d63b0f rgb(214,59,15)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#d65d0f
```
#d65d0f rgb(214,93,15)
```
#d66d0f
```
#d66d0f rgb(214,109,15)
```
#d67e0f
```
#d67e0f rgb(214,126,15)
```

Similar Colors

Text with hexadecimal color #d64c0f

This text has a font color of #d64c0f.

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

#d64c0f background color

This paragraph has a background color of #d64c0f.

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

#d64c0f border color

This element has a border color of #d64c0f.

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

CSS codes

.text {color:#d64c0f;}

.background {background-color:#d64c0f;}

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

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

#0c0401
```
#0c0401 rgb(12,4,1)
```
#1f0b02
```
#1f0b02 rgb(31,11,2)
```
#311103
```
#311103 rgb(49,17,3)
```
#431805
```
#431805 rgb(67,24,5)
```
#561e06
```
#561e06 rgb(86,30,6)
```
#682507
```
#682507 rgb(104,37,7)
```
#7a2b09
```
#7a2b09 rgb(122,43,9)
```
#8d320a
```
#8d320a rgb(141,50,10)
```
#9f380b
```
#9f380b rgb(159,56,11)
```
#b13f0c
```
#b13f0c rgb(177,63,12)
```
#c4450e
```
#c4450e rgb(196,69,14)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#e85310
```
#e85310 rgb(232,83,16)
```

Shade Color Variation

#ef5d1d
```
#ef5d1d rgb(239,93,29)
```
#f06b2f
```
#f06b2f rgb(240,107,47)
```
#f27842
```
#f27842 rgb(242,120,66)
```
#f38554
```
#f38554 rgb(243,133,84)
```
#f49266
```
#f49266 rgb(244,146,102)
```
#f69f79
```
#f69f79 rgb(246,159,121)
```
#f7ac8b
```
#f7ac8b rgb(247,172,139)
```
#f8b99d
```
#f8b99d rgb(248,185,157)
```
#f9c6b0
```
#f9c6b0 rgb(249,198,176)
```
#fbd3c2
```
#fbd3c2 rgb(251,211,194)
```
#fce1d4
```
#fce1d4 rgb(252,225,212)
```
#fdeee7
```
#fdeee7 rgb(253,238,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#757170
```
#757170 rgb(117,113,112)
```
#7e6e67
```
#7e6e67 rgb(126,110,103)
```
#876b5e
```
#876b5e rgb(135,107,94)
```
#906755
```
#906755 rgb(144,103,85)
```
#98644d
```
#98644d rgb(152,100,77)
```
#a16044
```
#a16044 rgb(161,96,68)
```
#aa5d3b
```
#aa5d3b rgb(170,93,59)
```
#b35a32
```
#b35a32 rgb(179,90,50)
```
#bc5629
```
#bc5629 rgb(188,86,41)
```
#c45321
```
#c45321 rgb(196,83,33)
```
#cd4f18
```
#cd4f18 rgb(205,79,24)
```
#d64c0f
```
#d64c0f rgb(214,76,15)
```
#df4906
```
#df4906 rgb(223,73,6)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#83675b Atypical Achromatopsia 0.001% of the population

Dichromacy

#908126 Protanopia 1% of men
#a17a00 Deuteranopia 1% of men
#d95054 Tritanopia 0.001% of the population

Trichromacy

#a96d1d Protanomaly 1% of men, 0.01% of women
#b46905 Deuteranomaly 6% of men, 0.4% of women
#d84e3b Tritanomaly 0.01% of the population

#d64c0f hex color

#d64c0f Color Information

#d64c0f Color Conversion

Color Schemes with #d64c0f

Alternatives to #d64c0f

#d64c0f Preview

Shades and Tints of #d64c0f

Tones of #d64c0f

Color Blindness Simulator