#d66c1a hex color

In a RGB color space, hex #d66c1a is composed of 83.9% red, 42.4% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.5% magenta, 87.9% yellow and 16.1% black. It has a hue angle of 26.2 degrees, a saturation of 78.3% and a lightness of 47.1%. #d66c1a color hex could be obtained by blending #ffd834 with #ad0000. Closest websafe color is: #cc6633.

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

● #d66c1a color description : Strong orange.

The hexadecimal color #d66c1a has RGB values of R:214, G:108, B:26 and CMYK values of C:0, M:0.5, Y:0.88, K:0.16. Its decimal value is 14052378.

Hex triplet	d66c1a	`#d66c1a`
RGB Decimal	214, 108, 26	`rgb(214,108,26)`
RGB Percent	83.9, 42.4, 10.2	`rgb(83.9%,42.4%,10.2%)`
CMYK	0, 50, 88, 16
HSL	26.2°, 78.3, 47.1	`hsl(26.2,78.3%,47.1%)`
HSV (or HSB)	26.2°, 87.9, 83.9
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.172, 37.024, 59.291
XYZ	33.282, 25.099, 4.069
xyY	0.533, 0.402, 25.099
CIE-LCH	57.172, 69.901, 58.018
CIE-LUV	57.172, 87.439, 49.784
Hunter-Lab	50.099, 30.909, 30.253
Binary	11010110, 01101100, 00011010

#d66c1a
```
#d66c1a rgb(214,108,26)
```
#1a84d6
```
#1a84d6 rgb(26,132,214)
```

Complementary Color

#d61a26
```
#d61a26 rgb(214,26,38)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#d6ca1a
```
#d6ca1a rgb(214,202,26)
```

Analogous Color

#1a26d6
```
#1a26d6 rgb(26,38,214)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#1ad6ca
```
#1ad6ca rgb(26,214,202)
```

Split Complementary Color

#6c1ad6
```
#6c1ad6 rgb(108,26,214)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#1ad66c
```
#1ad66c rgb(26,214,108)
```

Triadic Color

#d61a84
```
#d61a84 rgb(214,26,132)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#1ad66c
```
#1ad66c rgb(26,214,108)
```
#1a84d6
```
#1a84d6 rgb(26,132,214)
```

Tetradic Color

#924a12
```
#924a12 rgb(146,74,18)
```
#a95514
```
#a95514 rgb(169,85,20)
```
#bf6117
```
#bf6117 rgb(191,97,23)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#e57925
```
#e57925 rgb(229,121,37)
```
#e7873c
```
#e7873c rgb(231,135,60)
```
#ea9552
```
#ea9552 rgb(234,149,82)
```

Monochromatic Color

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

#d63d1a
```
#d63d1a rgb(214,61,26)
```
#d64d1a
```
#d64d1a rgb(214,77,26)
```
#d65c1a
```
#d65c1a rgb(214,92,26)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#d67c1a
```
#d67c1a rgb(214,124,26)
```
#d68b1a
```
#d68b1a rgb(214,139,26)
```
#d69b1a
```
#d69b1a rgb(214,155,26)
```

Similar Colors

Text with hexadecimal color #d66c1a

This text has a font color of #d66c1a.

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

#d66c1a background color

This paragraph has a background color of #d66c1a.

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

#d66c1a border color

This element has a border color of #d66c1a.

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

CSS codes

.text {color:#d66c1a;}

.background {background-color:#d66c1a;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160b03
```
#160b03 rgb(22,11,3)
```
#271405
```
#271405 rgb(39,20,5)
```
#391d07
```
#391d07 rgb(57,29,7)
```
#4a2509
```
#4a2509 rgb(74,37,9)
```
#5c2e0b
```
#5c2e0b rgb(92,46,11)
```
#6d370d
```
#6d370d rgb(109,55,13)
```
#7f400f
```
#7f400f rgb(127,64,15)
```
#904912
```
#904912 rgb(144,73,18)
```
#a25214
```
#a25214 rgb(162,82,20)
```
#b35a16
```
#b35a16 rgb(179,90,22)
```
#c56318
```
#c56318 rgb(197,99,24)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```

Shade Color Variation

#e47520
```
#e47520 rgb(228,117,32)
```
#e68031
```
#e68031 rgb(230,128,49)
```
#e88b43
```
#e88b43 rgb(232,139,67)
```
#ea9654
```
#ea9654 rgb(234,150,84)
```
#eca066
```
#eca066 rgb(236,160,102)
```
#efab77
```
#efab77 rgb(239,171,119)
```
#f1b689
```
#f1b689 rgb(241,182,137)
```
#f3c19a
```
#f3c19a rgb(243,193,154)
```
#f5ccac
```
#f5ccac rgb(245,204,172)
```
#f7d6bd
```
#f7d6bd rgb(247,214,189)
```
#f9e1cf
```
#f9e1cf rgb(249,225,207)
```
#fbece0
```
#fbece0 rgb(251,236,224)
```
#fdf7f2
```
#fdf7f2 rgb(253,247,242)
```

Tint Color Variation

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

#7a7876
```
#7a7876 rgb(122,120,118)
```
#83776d
```
#83776d rgb(131,119,109)
```
#8c7564
```
#8c7564 rgb(140,117,100)
```
#95745b
```
#95745b rgb(149,116,91)
```
#9f7351
```
#9f7351 rgb(159,115,81)
```
#a87248
```
#a87248 rgb(168,114,72)
```
#b1713f
```
#b1713f rgb(177,113,63)
```
#ba7036
```
#ba7036 rgb(186,112,54)
```
#c46e2c
```
#c46e2c rgb(196,110,44)
```
#cd6d23
```
#cd6d23 rgb(205,109,35)
```
#d66c1a
```
#d66c1a rgb(214,108,26)
```
#df6b11
```
#df6b11 rgb(223,107,17)
```
#e86a08
```
#e86a08 rgb(232,106,8)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#937e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a08f2d Protanopia 1% of men
#b38818 Deuteranopia 1% of men
#db6c73 Tritanopia 0.001% of the population

Trichromacy

#b38226 Protanomaly 1% of men, 0.01% of women
#bf7e18 Deuteranomaly 6% of men, 0.4% of women
#d96c52 Tritanomaly 0.01% of the population

#d66c1a hex color

#d66c1a Color Information

#d66c1a Color Conversion

Color Schemes with #d66c1a

Alternatives to #d66c1a

#d66c1a Preview

Shades and Tints of #d66c1a

Tones of #d66c1a

Color Blindness Simulator