colorhexa.com

#d67c0c hex color

In a RGB color space, hex #d67c0c is composed of 83.9% red, 48.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 94.4% yellow and 16.1% black. It has a hue angle of 33.3 degrees, a saturation of 89.4% and a lightness of 44.3%. #d67c0c color hex could be obtained by blending #fff818 with #ad0000. Closest websafe color is: #cc6600.

- R 84
- G 49
- B 5
RGB color chart
- C 0
- M 42
- Y 94
- K 16
CMYK color chart

● #d67c0c color description : Strong orange.

The hexadecimal color #d67c0c has RGB values of R:214, G:124, B:12 and CMYK values of C:0, M:0.42, Y:0.94, K:0.16. Its decimal value is 14056460.

Hex triplet	d67c0c	`#d67c0c`
RGB Decimal	214, 124, 12	`rgb(214,124,12)`
RGB Percent	83.9, 48.6, 4.7	`rgb(83.9%,48.6%,4.7%)`
CMYK	0, 42, 94, 16
HSL	33.3°, 89.4, 44.3	`hsl(33.3,89.4%,44.3%)`
HSV (or HSB)	33.3°, 94.4, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	60.552, 28.439, 65.215
XYZ	35.007, 28.741, 4.052
xyY	0.516, 0.424, 28.741
CIE-LCH	60.552, 71.146, 66.439
CIE-LUV	60.552, 74.731, 57.069
Hunter-Lab	53.611, 22.739, 33.046
Binary	11010110, 01111100, 00001100

#d67c0c
```
#d67c0c rgb(214,124,12)
```
#0c66d6
```
#0c66d6 rgb(12,102,214)
```

Complementary Color

#d6170c
```
#d6170c rgb(214,23,12)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#cbd60c
```
#cbd60c rgb(203,214,12)
```

Analogous Color

#170cd6
```
#170cd6 rgb(23,12,214)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#0ccbd6
```
#0ccbd6 rgb(12,203,214)
```

Split Complementary Color

#7c0cd6
```
#7c0cd6 rgb(124,12,214)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#0cd67c
```
#0cd67c rgb(12,214,124)
```

Triadic Color

#d60c66
```
#d60c66 rgb(214,12,102)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#0cd67c
```
#0cd67c rgb(12,214,124)
```
#0c66d6
```
#0c66d6 rgb(12,102,214)
```

Tetradic Color

#8e5208
```
#8e5208 rgb(142,82,8)
```
#a66009
```
#a66009 rgb(166,96,9)
```
#be6e0b
```
#be6e0b rgb(190,110,11)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#ee8a0d
```
#ee8a0d rgb(238,138,13)
```
#f39622
```
#f39622 rgb(243,150,34)
```
#f4a13b
```
#f4a13b rgb(244,161,59)
```

Monochromatic Color

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

#d64a0c
```
#d64a0c rgb(214,74,12)
```
#d65a0c
```
#d65a0c rgb(214,90,12)
```
#d66b0c
```
#d66b0c rgb(214,107,12)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#d68d0c
```
#d68d0c rgb(214,141,12)
```
#d69e0c
```
#d69e0c rgb(214,158,12)
```
#d6af0c
```
#d6af0c rgb(214,175,12)
```

Similar Colors

Text with hexadecimal color #d67c0c

This text has a font color of #d67c0c.

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

#d67c0c background color

This paragraph has a background color of #d67c0c.

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

#d67c0c border color

This element has a border color of #d67c0c.

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

CSS codes

.text {color:#d67c0c;}

.background {background-color:#d67c0c;}

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

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, #0a0601 is the darkest color, while #fffbf6 is the lightest one.

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1c1002
```
#1c1002 rgb(28,16,2)
```
#2f1b03
```
#2f1b03 rgb(47,27,3)
```
#412604
```
#412604 rgb(65,38,4)
```
#543105
```
#543105 rgb(84,49,5)
```
#673b06
```
#673b06 rgb(103,59,6)
```
#794607
```
#794607 rgb(121,70,7)
```
#8c5108
```
#8c5108 rgb(140,81,8)
```
#9e5c09
```
#9e5c09 rgb(158,92,9)
```
#b1660a
```
#b1660a rgb(177,102,10)
```
#c3710b
```
#c3710b rgb(195,113,11)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#e9870d
```
#e9870d rgb(233,135,13)
```

Shade Color Variation

#f29117
```
#f29117 rgb(242,145,23)
```
#f3992a
```
#f3992a rgb(243,153,42)
```
#f4a23c
```
#f4a23c rgb(244,162,60)
```
#f5ab4f
```
#f5ab4f rgb(245,171,79)
```
#f6b462
```
#f6b462 rgb(246,180,98)
```
#f7bd74
```
#f7bd74 rgb(247,189,116)
```
#f8c687
```
#f8c687 rgb(248,198,135)
```
#f9ce99
```
#f9ce99 rgb(249,206,153)
```
#fad7ac
```
#fad7ac rgb(250,215,172)
```
#fbe0be
```
#fbe0be rgb(251,224,190)
```
#fce9d1
```
#fce9d1 rgb(252,233,209)
```
#fdf2e4
```
#fdf2e4 rgb(253,242,228)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#76726c
```
#76726c rgb(118,114,108)
```
#7f7363
```
#7f7363 rgb(127,115,99)
```
#88735a
```
#88735a rgb(136,115,90)
```
#907452
```
#907452 rgb(144,116,82)
```
#997549
```
#997549 rgb(153,117,73)
```
#a27640
```
#a27640 rgb(162,118,64)
```
#ab7737
```
#ab7737 rgb(171,119,55)
```
#b3782f
```
#b3782f rgb(179,120,47)
```
#bc7926
```
#bc7926 rgb(188,121,38)
```
#c57a1d
```
#c57a1d rgb(197,122,29)
```
#cd7b15
```
#cd7b15 rgb(205,123,21)
```
#d67c0c
```
#d67c0c rgb(214,124,12)
```
#df7d03
```
#df7d03 rgb(223,125,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#998771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9981f Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#dc7a82 Tritanopia 0.001% of the population

Trichromacy

#b98d18 Protanomaly 1% of men, 0.01% of women
#c68804 Deuteranomaly 6% of men, 0.4% of women
#da7a57 Tritanomaly 0.01% of the population