#d66a18 hex color

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

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

● #d66a18 color description : Strong orange.

The hexadecimal color #d66a18 has RGB values of R:214, G:106, B:24 and CMYK values of C:0, M:0.5, Y:0.89, K:0.16. Its decimal value is 14051864.

Hex triplet	d66a18	`#d66a18`
RGB Decimal	214, 106, 24	`rgb(214,106,24)`
RGB Percent	83.9, 41.6, 9.4	`rgb(83.9%,41.6%,9.4%)`
CMYK	0, 50, 89, 16
HSL	25.9°, 79.8, 46.7	`hsl(25.9,79.8%,46.7%)`
HSV (or HSB)	25.9°, 88.8, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	56.756, 38.003, 59.592
XYZ	33.052, 24.673, 3.886
xyY	0.536, 0.4, 24.673
CIE-LCH	56.756, 70.679, 57.474
CIE-LUV	56.756, 89.186, 49.429
Hunter-Lab	49.672, 31.847, 30.132
Binary	11010110, 01101010, 00011000

#d66a18
```
#d66a18 rgb(214,106,24)
```
#1884d6
```
#1884d6 rgb(24,132,214)
```

Complementary Color

#d61825
```
#d61825 rgb(214,24,37)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#d6c918
```
#d6c918 rgb(214,201,24)
```

Analogous Color

#1825d6
```
#1825d6 rgb(24,37,214)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#18d6c9
```
#18d6c9 rgb(24,214,201)
```

Split Complementary Color

#6a18d6
```
#6a18d6 rgb(106,24,214)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#18d66a
```
#18d66a rgb(24,214,106)
```

Triadic Color

#d61884
```
#d61884 rgb(214,24,132)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#18d66a
```
#18d66a rgb(24,214,106)
```
#1884d6
```
#1884d6 rgb(24,132,214)
```

Tetradic Color

#914810
```
#914810 rgb(145,72,16)
```
#a85313
```
#a85313 rgb(168,83,19)
```
#bf5f15
```
#bf5f15 rgb(191,95,21)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#e67621
```
#e67621 rgb(230,118,33)
```
#e98438
```
#e98438 rgb(233,132,56)
```
#eb934f
```
#eb934f rgb(235,147,79)
```

Monochromatic Color

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

#d63b18
```
#d63b18 rgb(214,59,24)
```
#d64a18
```
#d64a18 rgb(214,74,24)
```
#d65a18
```
#d65a18 rgb(214,90,24)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#d67a18
```
#d67a18 rgb(214,122,24)
```
#d68a18
```
#d68a18 rgb(214,138,24)
```
#d69a18
```
#d69a18 rgb(214,154,24)
```

Similar Colors

Text with hexadecimal color #d66a18

This text has a font color of #d66a18.

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

#d66a18 background color

This paragraph has a background color of #d66a18.

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

#d66a18 border color

This element has a border color of #d66a18.

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

CSS codes

.text {color:#d66a18;}

.background {background-color:#d66a18;}

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

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)
```
#261304
```
#261304 rgb(38,19,4)
```
#371b06
```
#371b06 rgb(55,27,6)
```
#492408
```
#492408 rgb(73,36,8)
```
#5b2d0a
```
#5b2d0a rgb(91,45,10)
```
#6c360c
```
#6c360c rgb(108,54,12)
```
#7e3e0e
```
#7e3e0e rgb(126,62,14)
```
#8f4710
```
#8f4710 rgb(143,71,16)
```
#a15012
```
#a15012 rgb(161,80,18)
```
#b35914
```
#b35914 rgb(179,89,20)
```
#c46116
```
#c46116 rgb(196,97,22)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```

Shade Color Variation

#e6731c
```
#e6731c rgb(230,115,28)
```
#e87e2e
```
#e87e2e rgb(232,126,46)
```
#ea893f
```
#ea893f rgb(234,137,63)
```
#eb9451
```
#eb9451 rgb(235,148,81)
```
#ed9f63
```
#ed9f63 rgb(237,159,99)
```
#efa974
```
#efa974 rgb(239,169,116)
```
#f1b486
```
#f1b486 rgb(241,180,134)
```
#f3bf98
```
#f3bf98 rgb(243,191,152)
```
#f5caa9
```
#f5caa9 rgb(245,202,169)
```
#f7d5bb
```
#f7d5bb rgb(247,213,187)
```
#f9e0cc
```
#f9e0cc rgb(249,224,204)
```
#fbebde
```
#fbebde rgb(251,235,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 #e86706 is the most saturated one.

#7a7774
```
#7a7774 rgb(122,119,116)
```
#84756a
```
#84756a rgb(132,117,106)
```
#8d7461
```
#8d7461 rgb(141,116,97)
```
#967358
```
#967358 rgb(150,115,88)
```
#9f724f
```
#9f724f rgb(159,114,79)
```
#a87046
```
#a87046 rgb(168,112,70)
```
#b16f3d
```
#b16f3d rgb(177,111,61)
```
#bb6e33
```
#bb6e33 rgb(187,110,51)
```
#c46d2a
```
#c46d2a rgb(196,109,42)
```
#cd6b21
```
#cd6b21 rgb(205,107,33)
```
#d66a18
```
#d66a18 rgb(214,106,24)
```
#df690f
```
#df690f rgb(223,105,15)
```
#e86706
```
#e86706 rgb(232,103,6)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#927c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e2b Protanopia 1% of men
#b28713 Deuteranopia 1% of men
#db6a71 Tritanopia 0.001% of the population

Trichromacy

#b28124 Protanomaly 1% of men, 0.01% of women
#bf7c15 Deuteranomaly 6% of men, 0.4% of women
#d96a50 Tritanomaly 0.01% of the population

#d66a18 hex color

#d66a18 Color Information

#d66a18 Color Conversion

Color Schemes with #d66a18

Alternatives to #d66a18

#d66a18 Preview

Shades and Tints of #d66a18

Tones of #d66a18

Color Blindness Simulator