#d67018 hex color

In a RGB color space, hex #d67018 is composed of 83.9% red, 43.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.7% magenta, 88.8% yellow and 16.1% black. It has a hue angle of 27.8 degrees, a saturation of 79.8% and a lightness of 46.7%. #d67018 color hex could be obtained by blending #ffe030 with #ad0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 44
- B 9
RGB color chart
- C 0
- M 48
- Y 89
- K 16
CMYK color chart

● #d67018 color description : Strong orange.

The hexadecimal color #d67018 has RGB values of R:214, G:112, B:24 and CMYK values of C:0, M:0.48, Y:0.89, K:0.16. Its decimal value is 14053400.

Hex triplet	d67018	`#d67018`
RGB Decimal	214, 112, 24	`rgb(214,112,24)`
RGB Percent	83.9, 43.9, 9.4	`rgb(83.9%,43.9%,9.4%)`
CMYK	0, 48, 89, 16
HSL	27.8°, 79.8, 46.7	`hsl(27.8,79.8%,46.7%)`
HSV (or HSB)	27.8°, 88.8, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.993, 34.926, 60.542
XYZ	33.692, 25.954, 4.099
xyY	0.529, 0.407, 25.954
CIE-LCH	57.993, 69.893, 60.02
CIE-LUV	57.993, 84.258, 51.471
Hunter-Lab	50.945, 28.897, 30.89
Binary	11010110, 01110000, 00011000

#d67018
```
#d67018 rgb(214,112,24)
```
#187ed6
```
#187ed6 rgb(24,126,214)
```

Complementary Color

#d6181f
```
#d6181f rgb(214,24,31)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#d6cf18
```
#d6cf18 rgb(214,207,24)
```

Analogous Color

#181fd6
```
#181fd6 rgb(24,31,214)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#18d6cf
```
#18d6cf rgb(24,214,207)
```

Split Complementary Color

#7018d6
```
#7018d6 rgb(112,24,214)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#18d670
```
#18d670 rgb(24,214,112)
```

Triadic Color

#d6187e
```
#d6187e rgb(214,24,126)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#18d670
```
#18d670 rgb(24,214,112)
```
#187ed6
```
#187ed6 rgb(24,126,214)
```

Tetradic Color

#914c10
```
#914c10 rgb(145,76,16)
```
#a85813
```
#a85813 rgb(168,88,19)
```
#bf6415
```
#bf6415 rgb(191,100,21)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#e67d21
```
#e67d21 rgb(230,125,33)
```
#e98a38
```
#e98a38 rgb(233,138,56)
```
#eb984f
```
#eb984f rgb(235,152,79)
```

Monochromatic Color

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

#d64118
```
#d64118 rgb(214,65,24)
```
#d65018
```
#d65018 rgb(214,80,24)
```
#d66018
```
#d66018 rgb(214,96,24)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#d68018
```
#d68018 rgb(214,128,24)
```
#d69018
```
#d69018 rgb(214,144,24)
```
#d6a018
```
#d6a018 rgb(214,160,24)
```

Similar Colors

Text with hexadecimal color #d67018

This text has a font color of #d67018.

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

#d67018 background color

This paragraph has a background color of #d67018.

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

#d67018 border color

This element has a border color of #d67018.

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

CSS codes

.text {color:#d67018;}

.background {background-color:#d67018;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140a02
```
#140a02 rgb(20,10,2)
```
#261404
```
#261404 rgb(38,20,4)
```
#371d06
```
#371d06 rgb(55,29,6)
```
#492608
```
#492608 rgb(73,38,8)
```
#5b2f0a
```
#5b2f0a rgb(91,47,10)
```
#6c390c
```
#6c390c rgb(108,57,12)
```
#7e420e
```
#7e420e rgb(126,66,14)
```
#8f4b10
```
#8f4b10 rgb(143,75,16)
```
#a15412
```
#a15412 rgb(161,84,18)
```
#b35e14
```
#b35e14 rgb(179,94,20)
```
#c46716
```
#c46716 rgb(196,103,22)
```
#d67018
```
#d67018 rgb(214,112,24)
```

Shade Color Variation

#e6791c
```
#e6791c rgb(230,121,28)
```
#e8842e
```
#e8842e rgb(232,132,46)
```
#ea8e3f
```
#ea8e3f rgb(234,142,63)
```
#eb9951
```
#eb9951 rgb(235,153,81)
```
#eda363
```
#eda363 rgb(237,163,99)
```
#efad74
```
#efad74 rgb(239,173,116)
```
#f1b886
```
#f1b886 rgb(241,184,134)
```
#f3c298
```
#f3c298 rgb(243,194,152)
```
#f5cca9
```
#f5cca9 rgb(245,204,169)
```
#f7d7bb
```
#f7d7bb rgb(247,215,187)
```
#f9e1cc
```
#f9e1cc rgb(249,225,204)
```
#fbecde
```
#fbecde rgb(251,236,222)
```
#fdf6f0
```
#fdf6f0 rgb(253,246,240)
```

Tint Color Variation

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

#7a7774
```
#7a7774 rgb(122,119,116)
```
#84766a
```
#84766a rgb(132,118,106)
```
#8d7561
```
#8d7561 rgb(141,117,97)
```
#967558
```
#967558 rgb(150,117,88)
```
#9f744f
```
#9f744f rgb(159,116,79)
```
#a87346
```
#a87346 rgb(168,115,70)
```
#b1733d
```
#b1733d rgb(177,115,61)
```
#bb7233
```
#bb7233 rgb(187,114,51)
```
#c4712a
```
#c4712a rgb(196,113,42)
```
#cd7121
```
#cd7121 rgb(205,113,33)
```
#d67018
```
#d67018 rgb(214,112,24)
```
#df6f0f
```
#df6f0f rgb(223,111,15)
```
#e86f06
```
#e86f06 rgb(232,111,6)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#94806e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2912a Protanopia 1% of men
#b58a15 Deuteranopia 1% of men
#db6f77 Tritanopia 0.001% of the population

Trichromacy

#b58523 Protanomaly 1% of men, 0.01% of women
#c18016 Deuteranomaly 6% of men, 0.4% of women
#d96f54 Tritanomaly 0.01% of the population

#d67018 hex color

#d67018 Color Information

#d67018 Color Conversion

Color Schemes with #d67018

Alternatives to #d67018

#d67018 Preview

Shades and Tints of #d67018

Tones of #d67018

Color Blindness Simulator