#d67314 hex color

In a RGB color space, hex #d67314 is composed of 83.9% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 90.7% yellow and 16.1% black. It has a hue angle of 29.4 degrees, a saturation of 82.9% and a lightness of 45.9%. #d67314 color hex could be obtained by blending #ffe628 with #ad0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 45
- B 8
RGB color chart
- C 0
- M 46
- Y 91
- K 16
CMYK color chart

● #d67314 color description : Strong orange.

The hexadecimal color #d67314 has RGB values of R:214, G:115, B:20 and CMYK values of C:0, M:0.46, Y:0.91, K:0.16. Its decimal value is 14054164.

Hex triplet	d67314	`#d67314`
RGB Decimal	214, 115, 20	`rgb(214,115,20)`
RGB Percent	83.9, 45.1, 7.8	`rgb(83.9%,45.1%,7.8%)`
CMYK	0, 46, 91, 16
HSL	29.4°, 82.9, 45.9	`hsl(29.4,82.9%,45.9%)`
HSV (or HSB)	29.4°, 90.7, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.613, 33.294, 62.11
XYZ	33.99, 26.611, 4.008
xyY	0.526, 0.412, 26.611
CIE-LCH	58.613, 70.471, 61.807
CIE-LUV	58.613, 81.958, 53.068
Hunter-Lab	51.586, 27.337, 31.503
Binary	11010110, 01110011, 00010100

#d67314
```
#d67314 rgb(214,115,20)
```
#1477d6
```
#1477d6 rgb(20,119,214)
```

Complementary Color

#d61416
```
#d61416 rgb(214,20,22)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#d6d414
```
#d6d414 rgb(214,212,20)
```

Analogous Color

#1416d6
```
#1416d6 rgb(20,22,214)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#14d6d4
```
#14d6d4 rgb(20,214,212)
```

Split Complementary Color

#7314d6
```
#7314d6 rgb(115,20,214)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#14d673
```
#14d673 rgb(20,214,115)
```

Triadic Color

#d61477
```
#d61477 rgb(214,20,119)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#14d673
```
#14d673 rgb(20,214,115)
```
#1477d6
```
#1477d6 rgb(20,119,214)
```

Tetradic Color

#904d0d
```
#904d0d rgb(144,77,13)
```
#a75a10
```
#a75a10 rgb(167,90,16)
```
#bf6612
```
#bf6612 rgb(191,102,18)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#ea801a
```
#ea801a rgb(234,128,26)
```
#ec8d31
```
#ec8d31 rgb(236,141,49)
```
#ee9a49
```
#ee9a49 rgb(238,154,73)
```

Monochromatic Color

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

#d64214
```
#d64214 rgb(214,66,20)
```
#d65314
```
#d65314 rgb(214,83,20)
```
#d66314
```
#d66314 rgb(214,99,20)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#d68314
```
#d68314 rgb(214,131,20)
```
#d69314
```
#d69314 rgb(214,147,20)
```
#d6a414
```
#d6a414 rgb(214,164,20)
```

Similar Colors

Text with hexadecimal color #d67314

This text has a font color of #d67314.

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

#d67314 background color

This paragraph has a background color of #d67314.

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

#d67314 border color

This element has a border color of #d67314.

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

CSS codes

.text {color:#d67314;}

.background {background-color:#d67314;}

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

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

#110902
```
#110902 rgb(17,9,2)
```
#231303
```
#231303 rgb(35,19,3)
```
#351c05
```
#351c05 rgb(53,28,5)
```
#462607
```
#462607 rgb(70,38,7)
```
#583008
```
#583008 rgb(88,48,8)
```
#6a390a
```
#6a390a rgb(106,57,10)
```
#7c430c
```
#7c430c rgb(124,67,12)
```
#8e4c0d
```
#8e4c0d rgb(142,76,13)
```
#a0560f
```
#a0560f rgb(160,86,15)
```
#b26011
```
#b26011 rgb(178,96,17)
```
#c46912
```
#c46912 rgb(196,105,18)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#e87d16
```
#e87d16 rgb(232,125,22)
```

Shade Color Variation

#eb8726
```
#eb8726 rgb(235,135,38)
```
#ec9138
```
#ec9138 rgb(236,145,56)
```
#ee9b4a
```
#ee9b4a rgb(238,155,74)
```
#f0a55c
```
#f0a55c rgb(240,165,92)
```
#f1ae6e
```
#f1ae6e rgb(241,174,110)
```
#f3b880
```
#f3b880 rgb(243,184,128)
```
#f5c292
```
#f5c292 rgb(245,194,146)
```
#f6cca4
```
#f6cca4 rgb(246,204,164)
```
#f8d6b6
```
#f8d6b6 rgb(248,214,182)
```
#fae0c8
```
#fae0c8 rgb(250,224,200)
```
#fceada
```
#fceada rgb(252,234,218)
```
#fdf4ec
```
#fdf4ec rgb(253,244,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#7c756e
```
#7c756e rgb(124,117,110)
```
#857565
```
#857565 rgb(133,117,101)
```
#8e745c
```
#8e745c rgb(142,116,92)
```
#977453
```
#977453 rgb(151,116,83)
```
#a0744a
```
#a0744a rgb(160,116,74)
```
#a97441
```
#a97441 rgb(169,116,65)
```
#b27438
```
#b27438 rgb(178,116,56)
```
#bb742f
```
#bb742f rgb(187,116,47)
```
#c47326
```
#c47326 rgb(196,115,38)
```
#cd731d
```
#cd731d rgb(205,115,29)
```
#d67314
```
#d67314 rgb(214,115,20)
```
#df730b
```
#df730b rgb(223,115,11)
```
#e87302
```
#e87302 rgb(232,115,2)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#96826f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49326 Protanopia 1% of men
#b78b0e Deuteranopia 1% of men
#db7279 Tritanopia 0.001% of the population

Trichromacy

#b6871f Protanomaly 1% of men, 0.01% of women
#c28210 Deuteranomaly 6% of men, 0.4% of women
#d97254 Tritanomaly 0.01% of the population

#d67314 hex color

#d67314 Color Information

#d67314 Color Conversion

Color Schemes with #d67314

Alternatives to #d67314

#d67314 Preview

Shades and Tints of #d67314

Tones of #d67314

Color Blindness Simulator