#d66012 hex color

In a RGB color space, hex #d66012 is composed of 83.9% red, 37.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.1% magenta, 91.6% yellow and 16.1% black. It has a hue angle of 23.9 degrees, a saturation of 84.5% and a lightness of 45.5%. #d66012 color hex could be obtained by blending #ffc024 with #ad0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 38
- B 7
RGB color chart
- C 0
- M 55
- Y 92
- K 16
CMYK color chart

● #d66012 color description : Strong orange.

The hexadecimal color #d66012 has RGB values of R:214, G:96, B:18 and CMYK values of C:0, M:0.55, Y:0.92, K:0.16. Its decimal value is 14049298.

Hex triplet	d66012	`#d66012`
RGB Decimal	214, 96, 18	`rgb(214,96,18)`
RGB Percent	83.9, 37.6, 7.1	`rgb(83.9%,37.6%,7.1%)`
CMYK	0, 55, 92, 16
HSL	23.9°, 84.5, 45.5	`hsl(23.9,84.5%,45.5%)`
HSV (or HSB)	23.9°, 91.6, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.771, 42.878, 59.858
XYZ	32.025, 22.709, 3.269
xyY	0.552, 0.392, 22.709
CIE-LCH	54.771, 73.631, 54.385
CIE-LUV	54.771, 97.613, 47.021
Hunter-Lab	47.654, 36.564, 29.29
Binary	11010110, 01100000, 00010010

#d66012
```
#d66012 rgb(214,96,18)
```
#1288d6
```
#1288d6 rgb(18,136,214)
```

Complementary Color

#d61226
```
#d61226 rgb(214,18,38)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#d6c212
```
#d6c212 rgb(214,194,18)
```

Analogous Color

#1226d6
```
#1226d6 rgb(18,38,214)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#12d6c2
```
#12d6c2 rgb(18,214,194)
```

Split Complementary Color

#6012d6
```
#6012d6 rgb(96,18,214)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#12d660
```
#12d660 rgb(18,214,96)
```

Triadic Color

#d61288
```
#d61288 rgb(214,18,136)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#12d660
```
#12d660 rgb(18,214,96)
```
#1288d6
```
#1288d6 rgb(18,136,214)
```

Tetradic Color

#8f400c
```
#8f400c rgb(143,64,12)
```
#a74b0e
```
#a74b0e rgb(167,75,14)
```
#be5510
```
#be5510 rgb(190,85,16)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#eb6b16
```
#eb6b16 rgb(235,107,22)
```
#ed7a2e
```
#ed7a2e rgb(237,122,46)
```
#ef8945
```
#ef8945 rgb(239,137,69)
```

Monochromatic Color

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

#d62f12
```
#d62f12 rgb(214,47,18)
```
#d63f12
```
#d63f12 rgb(214,63,18)
```
#d65012
```
#d65012 rgb(214,80,18)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#d67012
```
#d67012 rgb(214,112,18)
```
#d68112
```
#d68112 rgb(214,129,18)
```
#d69112
```
#d69112 rgb(214,145,18)
```

Similar Colors

Text with hexadecimal color #d66012

This text has a font color of #d66012.

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

#d66012 background color

This paragraph has a background color of #d66012.

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

#d66012 border color

This element has a border color of #d66012.

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

CSS codes

.text {color:#d66012;}

.background {background-color:#d66012;}

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

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

#0f0701
```
#0f0701 rgb(15,7,1)
```
#210f03
```
#210f03 rgb(33,15,3)
```
#331704
```
#331704 rgb(51,23,4)
```
#451f06
```
#451f06 rgb(69,31,6)
```
#572707
```
#572707 rgb(87,39,7)
```
#692f09
```
#692f09 rgb(105,47,9)
```
#7c370a
```
#7c370a rgb(124,55,10)
```
#8e400c
```
#8e400c rgb(142,64,12)
```
#a0480d
```
#a0480d rgb(160,72,13)
```
#b2500f
```
#b2500f rgb(178,80,15)
```
#c45810
```
#c45810 rgb(196,88,16)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#e86814
```
#e86814 rgb(232,104,20)
```

Shade Color Variation

#ec7323
```
#ec7323 rgb(236,115,35)
```
#ee7f35
```
#ee7f35 rgb(238,127,53)
```
#f08a47
```
#f08a47 rgb(240,138,71)
```
#f19659
```
#f19659 rgb(241,150,89)
```
#f3a16b
```
#f3a16b rgb(243,161,107)
```
#f4ad7d
```
#f4ad7d rgb(244,173,125)
```
#f6b88f
```
#f6b88f rgb(246,184,143)
```
#f7c4a1
```
#f7c4a1 rgb(247,196,161)
```
#f9cfb4
```
#f9cfb4 rgb(249,207,180)
```
#fadbc6
```
#fadbc6 rgb(250,219,198)
```
#fce6d8
```
#fce6d8 rgb(252,230,216)
```
#fdf2ea
```
#fdf2ea rgb(253,242,234)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#7d726b
```
#7d726b rgb(125,114,107)
```
#867062
```
#867062 rgb(134,112,98)
```
#8f6f59
```
#8f6f59 rgb(143,111,89)
```
#986d50
```
#986d50 rgb(152,109,80)
```
#a06b48
```
#a06b48 rgb(160,107,72)
```
#a9693f
```
#a9693f rgb(169,105,63)
```
#b26736
```
#b26736 rgb(178,103,54)
```
#bb652d
```
#bb652d rgb(187,101,45)
```
#c46424
```
#c46424 rgb(196,100,36)
```
#cd621b
```
#cd621b rgb(205,98,27)
```
#d66012
```
#d66012 rgb(214,96,18)
```
#df5e09
```
#df5e09 rgb(223,94,9)
```
#e85c00
```
#e85c00 rgb(232,92,0)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#8c7565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998926 Protanopia 1% of men
#ac8200 Deuteranopia 1% of men
#da6167 Tritanopia 0.001% of the population

Trichromacy

#af7a1f Protanomaly 1% of men, 0.01% of women
#bb7606 Deuteranomaly 6% of men, 0.4% of women
#d86148 Tritanomaly 0.01% of the population

#d66012 hex color

#d66012 Color Information

#d66012 Color Conversion

Color Schemes with #d66012

Alternatives to #d66012

#d66012 Preview

Shades and Tints of #d66012

Tones of #d66012

Color Blindness Simulator