#d64100 hex color

In a RGB color space, hex #d64100 is composed of 83.9% red, 25.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.6% magenta, 100% yellow and 16.1% black. It has a hue angle of 18.2 degrees, a saturation of 100% and a lightness of 42%. #d64100 color hex could be obtained by blending #ff8200 with #ad0000. Closest websafe color is: #cc3300.

♥
- f
- t
- g
- R 84
- G 25
- B 0
RGB color chart
- C 0
- M 70
- Y 100
- K 16
CMYK color chart

● #d64100 color description : Strong orange.

The hexadecimal color #d64100 has RGB values of R:214, G:65, B:0 and CMYK values of C:0, M:0.7, Y:1, K:0.16. Its decimal value is 14041344.

Hex triplet	d64100	`#d64100`
RGB Decimal	214, 65, 0	`rgb(214,65,0)`
RGB Percent	83.9, 25.5, 0	`rgb(83.9%,25.5%,0%)`
CMYK	0, 70, 100, 16
HSL	18.2°, 100, 42	`hsl(18.2,100%,42%)`
HSV (or HSB)	18.2°, 100, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.593, 56.272, 60.944
XYZ	29.623, 18.08, 1.93
xyY	0.597, 0.364, 18.08
CIE-LCH	49.593, 82.95, 47.283
CIE-LUV	49.593, 121.602, 40.208
Hunter-Lab	42.521, 49.945, 27.073
Binary	11010110, 01000001, 00000000

#d64100
```
#d64100 rgb(214,65,0)
```
#0095d6
```
#0095d6 rgb(0,149,214)
```

Complementary Color

#d6002a
```
#d6002a rgb(214,0,42)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#d6ac00
```
#d6ac00 rgb(214,172,0)
```

Analogous Color

#002ad6
```
#002ad6 rgb(0,42,214)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#00d6ac
```
#00d6ac rgb(0,214,172)
```

Split Complementary Color

#4100d6
```
#4100d6 rgb(65,0,214)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#00d641
```
#00d641 rgb(0,214,65)
```

Triadic Color

#d60095
```
#d60095 rgb(214,0,149)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#00d641
```
#00d641 rgb(0,214,65)
```
#0095d6
```
#0095d6 rgb(0,149,214)
```

Tetradic Color

#8a2a00
```
#8a2a00 rgb(138,42,0)
```
#a33200
```
#a33200 rgb(163,50,0)
```
#bd3900
```
#bd3900 rgb(189,57,0)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#f04900
```
#f04900 rgb(240,73,0)
```
#ff540a
```
#ff540a rgb(255,84,10)
```
#ff6624
```
#ff6624 rgb(255,102,36)
```

Monochromatic Color

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

#d60b00
```
#d60b00 rgb(214,11,0)
```
#d61d00
```
#d61d00 rgb(214,29,0)
```
#d62f00
```
#d62f00 rgb(214,47,0)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#d65300
```
#d65300 rgb(214,83,0)
```
#d66500
```
#d66500 rgb(214,101,0)
```
#d67700
```
#d67700 rgb(214,119,0)
```

Similar Colors

Text with hexadecimal color #d64100

This text has a font color of #d64100.

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

#d64100 background color

This paragraph has a background color of #d64100.

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

#d64100 border color

This element has a border color of #d64100.

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

CSS codes

.text {color:#d64100;}

.background {background-color:#d64100;}

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

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

#120500
```
#120500 rgb(18,5,0)
```
#250b00
```
#250b00 rgb(37,11,0)
```
#391100
```
#391100 rgb(57,17,0)
```
#4d1700
```
#4d1700 rgb(77,23,0)
```
#601d00
```
#601d00 rgb(96,29,0)
```
#742300
```
#742300 rgb(116,35,0)
```
#882900
```
#882900 rgb(136,41,0)
```
#9b2f00
```
#9b2f00 rgb(155,47,0)
```
#af3500
```
#af3500 rgb(175,53,0)
```
#c23b00
```
#c23b00 rgb(194,59,0)
```
#d64100
```
#d64100 rgb(214,65,0)
```
#ea4700
```
#ea4700 rgb(234,71,0)
```
#fd4d00
```
#fd4d00 rgb(253,77,0)
```

Shade Color Variation

#ff5a12
```
#ff5a12 rgb(255,90,18)
```
#ff6825
```
#ff6825 rgb(255,104,37)
```
#ff7539
```
#ff7539 rgb(255,117,57)
```
#ff834d
```
#ff834d rgb(255,131,77)
```
#ff9160
```
#ff9160 rgb(255,145,96)
```
#ff9e74
```
#ff9e74 rgb(255,158,116)
```
#ffac88
```
#ffac88 rgb(255,172,136)
```
#ffb99b
```
#ffb99b rgb(255,185,155)
```
#ffc7af
```
#ffc7af rgb(255,199,175)
```
#ffd5c2
```
#ffd5c2 rgb(255,213,194)
```
#ffe2d6
```
#ffe2d6 rgb(255,226,214)
```
#fff0ea
```
#fff0ea rgb(255,240,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#736863
```
#736863 rgb(115,104,99)
```
#7b655b
```
#7b655b rgb(123,101,91)
```
#846152
```
#846152 rgb(132,97,82)
```
#8c5e4a
```
#8c5e4a rgb(140,94,74)
```
#945b42
```
#945b42 rgb(148,91,66)
```
#9c583a
```
#9c583a rgb(156,88,58)
```
#a55431
```
#a55431 rgb(165,84,49)
```
#ad5129
```
#ad5129 rgb(173,81,41)
```
#b54e21
```
#b54e21 rgb(181,78,33)
```
#bd4b19
```
#bd4b19 rgb(189,75,25)
```
#c64710
```
#c64710 rgb(198,71,16)
```
#ce4408
```
#ce4408 rgb(206,68,8)
```
#d64100
```
#d64100 rgb(214,65,0)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7c5f52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7d19 Protanopia 1% of men
#9c7700 Deuteranopia 1% of men
#d94649 Tritanopia 0.001% of the population

Trichromacy

#a66710 Protanomaly 1% of men, 0.01% of women
#b16300 Deuteranomaly 6% of men, 0.4% of women
#d8442e Tritanomaly 0.01% of the population

#d64100 hex color

#d64100 Color Information

#d64100 Color Conversion

Color Schemes with #d64100

Alternatives to #d64100

#d64100 Preview

Shades and Tints of #d64100

Tones of #d64100

Color Blindness Simulator