#d66312 hex color

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

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

● #d66312 color description : Strong orange.

The hexadecimal color #d66312 has RGB values of R:214, G:99, B:18 and CMYK values of C:0, M:0.54, Y:0.92, K:0.16. Its decimal value is 14050066.

Hex triplet	d66312	`#d66312`
RGB Decimal	214, 99, 18	`rgb(214,99,18)`
RGB Percent	83.9, 38.8, 7.1	`rgb(83.9%,38.8%,7.1%)`
CMYK	0, 54, 92, 16
HSL	24.8°, 84.5, 45.5	`hsl(24.8,84.5%,45.5%)`
HSV (or HSB)	24.8°, 91.6, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	55.346, 41.407, 60.265
XYZ	32.304, 23.267, 3.362
xyY	0.548, 0.395, 23.267
CIE-LCH	55.346, 73.119, 55.508
CIE-LUV	55.346, 95.193, 47.976
Hunter-Lab	48.236, 35.131, 29.632
Binary	11010110, 01100011, 00010010

#d66312
```
#d66312 rgb(214,99,18)
```
#1285d6
```
#1285d6 rgb(18,133,214)
```

Complementary Color

#d61223
```
#d61223 rgb(214,18,35)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#d6c512
```
#d6c512 rgb(214,197,18)
```

Analogous Color

#1223d6
```
#1223d6 rgb(18,35,214)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#12d6c5
```
#12d6c5 rgb(18,214,197)
```

Split Complementary Color

#6312d6
```
#6312d6 rgb(99,18,214)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#12d663
```
#12d663 rgb(18,214,99)
```

Triadic Color

#d61285
```
#d61285 rgb(214,18,133)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#12d663
```
#12d663 rgb(18,214,99)
```
#1285d6
```
#1285d6 rgb(18,133,214)
```

Tetradic Color

#8f420c
```
#8f420c rgb(143,66,12)
```
#a74d0e
```
#a74d0e rgb(167,77,14)
```
#be5810
```
#be5810 rgb(190,88,16)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#eb6e16
```
#eb6e16 rgb(235,110,22)
```
#ed7d2e
```
#ed7d2e rgb(237,125,46)
```
#ef8b45
```
#ef8b45 rgb(239,139,69)
```

Monochromatic Color

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

#d63212
```
#d63212 rgb(214,50,18)
```
#d64212
```
#d64212 rgb(214,66,18)
```
#d65312
```
#d65312 rgb(214,83,18)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#d67312
```
#d67312 rgb(214,115,18)
```
#d68412
```
#d68412 rgb(214,132,18)
```
#d69412
```
#d69412 rgb(214,148,18)
```

Similar Colors

Text with hexadecimal color #d66312

This text has a font color of #d66312.

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

#d66312 background color

This paragraph has a background color of #d66312.

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

#d66312 border color

This element has a border color of #d66312.

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

CSS codes

.text {color:#d66312;}

.background {background-color:#d66312;}

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

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)
```
#331804
```
#331804 rgb(51,24,4)
```
#452006
```
#452006 rgb(69,32,6)
```
#572807
```
#572807 rgb(87,40,7)
```
#693109
```
#693109 rgb(105,49,9)
```
#7c390a
```
#7c390a rgb(124,57,10)
```
#8e420c
```
#8e420c rgb(142,66,12)
```
#a04a0d
```
#a04a0d rgb(160,74,13)
```
#b2520f
```
#b2520f rgb(178,82,15)
```
#c45b10
```
#c45b10 rgb(196,91,16)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#e86b14
```
#e86b14 rgb(232,107,20)
```

Shade Color Variation

#ec7623
```
#ec7623 rgb(236,118,35)
```
#ee8135
```
#ee8135 rgb(238,129,53)
```
#f08d47
```
#f08d47 rgb(240,141,71)
```
#f19859
```
#f19859 rgb(241,152,89)
```
#f3a36b
```
#f3a36b rgb(243,163,107)
```
#f4ae7d
```
#f4ae7d rgb(244,174,125)
```
#f6ba8f
```
#f6ba8f rgb(246,186,143)
```
#f7c5a1
```
#f7c5a1 rgb(247,197,161)
```
#f9d0b4
```
#f9d0b4 rgb(249,208,180)
```
#fadbc6
```
#fadbc6 rgb(250,219,198)
```
#fce7d8
```
#fce7d8 rgb(252,231,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 #e86000 is the most saturated one.

#7d726b
```
#7d726b rgb(125,114,107)
```
#867162
```
#867162 rgb(134,113,98)
```
#8f6f59
```
#8f6f59 rgb(143,111,89)
```
#986e50
```
#986e50 rgb(152,110,80)
```
#a06c48
```
#a06c48 rgb(160,108,72)
```
#a96b3f
```
#a96b3f rgb(169,107,63)
```
#b26936
```
#b26936 rgb(178,105,54)
```
#bb682d
```
#bb682d rgb(187,104,45)
```
#c46624
```
#c46624 rgb(196,102,36)
```
#cd651b
```
#cd651b rgb(205,101,27)
```
#d66312
```
#d66312 rgb(214,99,18)
```
#df6109
```
#df6109 rgb(223,97,9)
```
#e86000
```
#e86000 rgb(232,96,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#8e7767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b26 Protanopia 1% of men
#ad8400 Deuteranopia 1% of men
#da646a Tritanopia 0.001% of the population

Trichromacy

#b07c1f Protanomaly 1% of men, 0.01% of women
#bc7806 Deuteranomaly 6% of men, 0.4% of women
#d9634a Tritanomaly 0.01% of the population

#d66312 hex color

#d66312 Color Information

#d66312 Color Conversion

Color Schemes with #d66312

Alternatives to #d66312

#d66312 Preview

Shades and Tints of #d66312

Tones of #d66312

Color Blindness Simulator