#d64106 hex color

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

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

● #d64106 color description : Strong orange.

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

Hex triplet	d64106	`#d64106`
RGB Decimal	214, 65, 6	`rgb(214,65,6)`
RGB Percent	83.9, 25.5, 2.4	`rgb(83.9%,25.5%,2.4%)`
CMYK	0, 70, 97, 16
HSL	17°, 94.5, 43.1	`hsl(17,94.5%,43.1%)`
HSV (or HSB)	17°, 97.2, 83.9
Web Safe	cc3300	`#cc3300`

CIE-LAB	49.609, 56.329, 59.457
XYZ	29.656, 18.093, 2.103
xyY	0.595, 0.363, 18.093
CIE-LCH	49.609, 81.903, 46.548
CIE-LUV	49.609, 121.309, 39.634
Hunter-Lab	42.536, 50.011, 26.844
Binary	11010110, 01000001, 00000110

#d64106
```
#d64106 rgb(214,65,6)
```
#069bd6
```
#069bd6 rgb(6,155,214)
```

Complementary Color

#d60633
```
#d60633 rgb(214,6,51)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#d6a906
```
#d6a906 rgb(214,169,6)
```

Analogous Color

#0633d6
```
#0633d6 rgb(6,51,214)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#06d6a9
```
#06d6a9 rgb(6,214,169)
```

Split Complementary Color

#4106d6
```
#4106d6 rgb(65,6,214)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#06d641
```
#06d641 rgb(6,214,65)
```

Triadic Color

#d6069b
```
#d6069b rgb(214,6,155)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#06d641
```
#06d641 rgb(6,214,65)
```
#069bd6
```
#069bd6 rgb(6,155,214)
```

Tetradic Color

#8c2a04
```
#8c2a04 rgb(140,42,4)
```
#a43205
```
#a43205 rgb(164,50,5)
```
#bd3905
```
#bd3905 rgb(189,57,5)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#ef4907
```
#ef4907 rgb(239,73,7)
```
#f85717
```
#f85717 rgb(248,87,23)
```
#f9692f
```
#f9692f rgb(249,105,47)
```

Monochromatic Color

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

#d60d06
```
#d60d06 rgb(214,13,6)
```
#d61e06
```
#d61e06 rgb(214,30,6)
```
#d63006
```
#d63006 rgb(214,48,6)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#d65206
```
#d65206 rgb(214,82,6)
```
#d66406
```
#d66406 rgb(214,100,6)
```
#d67506
```
#d67506 rgb(214,117,6)
```

Similar Colors

Text with hexadecimal color #d64106

This text has a font color of #d64106.

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

#d64106 background color

This paragraph has a background color of #d64106.

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

#d64106 border color

This element has a border color of #d64106.

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

CSS codes

.text {color:#d64106;}

.background {background-color:#d64106;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#170701
```
#170701 rgb(23,7,1)
```
#2a0d01
```
#2a0d01 rgb(42,13,1)
```
#3d1302
```
#3d1302 rgb(61,19,2)
```
#501802
```
#501802 rgb(80,24,2)
```
#641e03
```
#641e03 rgb(100,30,3)
```
#772403
```
#772403 rgb(119,36,3)
```
#8a2a04
```
#8a2a04 rgb(138,42,4)
```
#9d3004
```
#9d3004 rgb(157,48,4)
```
#b03505
```
#b03505 rgb(176,53,5)
```
#c33b05
```
#c33b05 rgb(195,59,5)
```
#d64106
```
#d64106 rgb(214,65,6)
```
#e94707
```
#e94707 rgb(233,71,7)
```

Shade Color Variation

#f84e0b
```
#f84e0b rgb(248,78,11)
```
#f95c1e
```
#f95c1e rgb(249,92,30)
```
#f96a31
```
#f96a31 rgb(249,106,49)
```
#fa7844
```
#fa7844 rgb(250,120,68)
```
#fa8657
```
#fa8657 rgb(250,134,87)
```
#fb936a
```
#fb936a rgb(251,147,106)
```
#fba17e
```
#fba17e rgb(251,161,126)
```
#fcaf91
```
#fcaf91 rgb(252,175,145)
```
#fcbda4
```
#fcbda4 rgb(252,189,164)
```
#fdcbb7
```
#fdcbb7 rgb(253,203,183)
```
#fed9ca
```
#fed9ca rgb(254,217,202)
```
#fee6dd
```
#fee6dd rgb(254,230,221)
```
#fff4f0
```
#fff4f0 rgb(255,244,240)
```

Tint Color Variation

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

#706d6c
```
#706d6c rgb(112,109,108)
```
#796963
```
#796963 rgb(121,105,99)
```
#81665b
```
#81665b rgb(129,102,91)
```
#8a6252
```
#8a6252 rgb(138,98,82)
```
#925e4a
```
#925e4a rgb(146,94,74)
```
#9b5b41
```
#9b5b41 rgb(155,91,65)
```
#a35739
```
#a35739 rgb(163,87,57)
```
#ac5330
```
#ac5330 rgb(172,83,48)
```
#b45028
```
#b45028 rgb(180,80,40)
```
#bd4c1f
```
#bd4c1f rgb(189,76,31)
```
#c54817
```
#c54817 rgb(197,72,23)
```
#ce450e
```
#ce450e rgb(206,69,14)
```
#d64106
```
#d64106 rgb(214,65,6)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7d5f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#a66716 Protanomaly 1% of men, 0.01% of women
#b16302 Deuteranomaly 6% of men, 0.4% of women
#d84430 Tritanomaly 0.01% of the population

#d64106 hex color

#d64106 Color Information

#d64106 Color Conversion

Color Schemes with #d64106

Alternatives to #d64106

#d64106 Preview

Shades and Tints of #d64106

Tones of #d64106

Color Blindness Simulator