#d64d0f hex color

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

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

● #d64d0f color description : Strong orange.

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

Hex triplet	d64d0f	`#d64d0f`
RGB Decimal	214, 77, 15	`rgb(214,77,15)`
RGB Percent	83.9, 30.2, 5.9	`rgb(83.9%,30.2%,5.9%)`
CMYK	0, 64, 93, 16
HSL	18.7°, 86.9, 44.9	`hsl(18.7,86.9%,44.9%)`
HSV (or HSB)	18.7°, 93, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	51.43, 51.567, 58.382
XYZ	30.473, 19.642, 2.639
xyY	0.578, 0.372, 19.642
CIE-LCH	51.43, 77.895, 48.547
CIE-LUV	51.43, 112.447, 41.785
Hunter-Lab	44.319, 45.175, 27.493
Binary	11010110, 01001101, 00001111

#d64d0f
```
#d64d0f rgb(214,77,15)
```
#0f98d6
```
#0f98d6 rgb(15,152,214)
```

Complementary Color

#d60f34
```
#d60f34 rgb(214,15,52)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#d6b10f
```
#d6b10f rgb(214,177,15)
```

Analogous Color

#0f34d6
```
#0f34d6 rgb(15,52,214)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#0fd6b1
```
#0fd6b1 rgb(15,214,177)
```

Split Complementary Color

#4d0fd6
```
#4d0fd6 rgb(77,15,214)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#0fd64d
```
#0fd64d rgb(15,214,77)
```

Triadic Color

#d60f98
```
#d60f98 rgb(214,15,152)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#0fd64d
```
#0fd64d rgb(15,214,77)
```
#0f98d6
```
#0f98d6 rgb(15,152,214)
```

Tetradic Color

#8f330a
```
#8f330a rgb(143,51,10)
```
#a63c0c
```
#a63c0c rgb(166,60,12)
```
#be440d
```
#be440d rgb(190,68,13)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#ee5611
```
#ee5611 rgb(238,86,17)
```
#f06628
```
#f06628 rgb(240,102,40)
```
#f27740
```
#f27740 rgb(242,119,64)
```

Monochromatic Color

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

#d61b0f
```
#d61b0f rgb(214,27,15)
```
#d62c0f
```
#d62c0f rgb(214,44,15)
```
#d63c0f
```
#d63c0f rgb(214,60,15)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#d65e0f
```
#d65e0f rgb(214,94,15)
```
#d66e0f
```
#d66e0f rgb(214,110,15)
```
#d67f0f
```
#d67f0f rgb(214,127,15)
```

Similar Colors

Text with hexadecimal color #d64d0f

This text has a font color of #d64d0f.

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

#d64d0f background color

This paragraph has a background color of #d64d0f.

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

#d64d0f border color

This element has a border color of #d64d0f.

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

CSS codes

.text {color:#d64d0f;}

.background {background-color:#d64d0f;}

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

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)
```
#311203
```
#311203 rgb(49,18,3)
```
#431805
```
#431805 rgb(67,24,5)
```
#561f06
```
#561f06 rgb(86,31,6)
```
#682507
```
#682507 rgb(104,37,7)
```
#7a2c09
```
#7a2c09 rgb(122,44,9)
```
#8d330a
```
#8d330a rgb(141,51,10)
```
#9f390b
```
#9f390b rgb(159,57,11)
```
#b1400c
```
#b1400c rgb(177,64,12)
```
#c4460e
```
#c4460e rgb(196,70,14)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#e85410
```
#e85410 rgb(232,84,16)
```

Shade Color Variation

#ef5f1d
```
#ef5f1d rgb(239,95,29)
```
#f06c2f
```
#f06c2f rgb(240,108,47)
```
#f27942
```
#f27942 rgb(242,121,66)
```
#f38654
```
#f38654 rgb(243,134,84)
```
#f49366
```
#f49366 rgb(244,147,102)
```
#f6a079
```
#f6a079 rgb(246,160,121)
```
#f7ad8b
```
#f7ad8b rgb(247,173,139)
```
#f8ba9d
```
#f8ba9d rgb(248,186,157)
```
#f9c7b0
```
#f9c7b0 rgb(249,199,176)
```
#fbd4c2
```
#fbd4c2 rgb(251,212,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, #757270 is the less saturated color, while #df4a06 is the most saturated one.

#757270
```
#757270 rgb(117,114,112)
```
#7e6e67
```
#7e6e67 rgb(126,110,103)
```
#876b5e
```
#876b5e rgb(135,107,94)
```
#906855
```
#906855 rgb(144,104,85)
```
#98644d
```
#98644d rgb(152,100,77)
```
#a16144
```
#a16144 rgb(161,97,68)
```
#aa5e3b
```
#aa5e3b rgb(170,94,59)
```
#b35a32
```
#b35a32 rgb(179,90,50)
```
#bc5729
```
#bc5729 rgb(188,87,41)
```
#c45421
```
#c45421 rgb(196,84,33)
```
#cd5018
```
#cd5018 rgb(205,80,24)
```
#d64d0f
```
#d64d0f rgb(214,77,15)
```
#df4a06
```
#df4a06 rgb(223,74,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#84685c Atypical Achromatopsia 0.001% of the population

Dichromacy

#908126 Protanopia 1% of men
#a17b00 Deuteranopia 1% of men
#d95155 Tritanopia 0.001% of the population

Trichromacy

#a96e1d Protanomaly 1% of men, 0.01% of women
#b46a05 Deuteranomaly 6% of men, 0.4% of women
#d84f3b Tritanomaly 0.01% of the population

#d64d0f hex color

#d64d0f Color Information

#d64d0f Color Conversion

Color Schemes with #d64d0f

Alternatives to #d64d0f

#d64d0f Preview

Shades and Tints of #d64d0f

Tones of #d64d0f

Color Blindness Simulator