colorhexa.com

#d66f01 hex color

In a RGB color space, hex #d66f01 is composed of 83.9% red, 43.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.1% magenta, 99.5% yellow and 16.1% black. It has a hue angle of 31 degrees, a saturation of 99.1% and a lightness of 42.2%. #d66f01 color hex could be obtained by blending #ffde02 with #ad0000. Closest websafe color is: #cc6600.

- R 84
- G 44
- B 0
RGB color chart
- C 0
- M 48
- Y 100
- K 16
CMYK color chart

● #d66f01 color description : Strong orange.

The hexadecimal color #d66f01 has RGB values of R:214, G:111, B:1 and CMYK values of C:0, M:0.48, Y:1, K:0.16. Its decimal value is 14053121.

Hex triplet	d66f01	`#d66f01`
RGB Decimal	214, 111, 1	`rgb(214,111,1)`
RGB Percent	83.9, 43.5, 0.4	`rgb(83.9%,43.5%,0.4%)`
CMYK	0, 48, 100, 16
HSL	31°, 99.1, 42.2	`hsl(31,99.1%,42.2%)`
HSV (or HSB)	31°, 99.5, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.723, 35.145, 65.237
XYZ	33.423, 25.67, 3.224
xyY	0.536, 0.412, 25.67
CIE-LCH	57.723, 74.102, 61.687
CIE-LUV	57.723, 85.856, 53.483
Hunter-Lab	50.666, 29.086, 31.694
Binary	11010110, 01101111, 00000001

#d66f01
```
#d66f01 rgb(214,111,1)
```
#0168d6
```
#0168d6 rgb(1,104,214)
```

Complementary Color

#d60501
```
#d60501 rgb(214,5,1)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```
#d3d601
```
#d3d601 rgb(211,214,1)
```

Analogous Color

#0501d6
```
#0501d6 rgb(5,1,214)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```
#01d3d6
```
#01d3d6 rgb(1,211,214)
```

Split Complementary Color

#6f01d6
```
#6f01d6 rgb(111,1,214)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```
#01d66f
```
#01d66f rgb(1,214,111)
```

Triadic Color

#8a4801
```
#8a4801 rgb(138,72,1)
```
#a35501
```
#a35501 rgb(163,85,1)
```
#bd6201
```
#bd6201 rgb(189,98,1)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```
#ef7c01
```
#ef7c01 rgb(239,124,1)
```
#fe890c
```
#fe890c rgb(254,137,12)
```
#fe9526
```
#fe9526 rgb(254,149,38)
```

Monochromatic Color

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

#d63a01
```
#d63a01 rgb(214,58,1)
```
#d64c01
```
#d64c01 rgb(214,76,1)
```
#d65d01
```
#d65d01 rgb(214,93,1)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```
#d68101
```
#d68101 rgb(214,129,1)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#d6a401
```
#d6a401 rgb(214,164,1)
```

Similar Colors

Text with hexadecimal color #d66f01

This text has a font color of #d66f01.

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

#d66f01 background color

This paragraph has a background color of #d66f01.

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

#d66f01 border color

This element has a border color of #d66f01.

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

CSS codes

.text {color:#d66f01;}

.background {background-color:#d66f01;}

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

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, #130a00 is the darkest color, while #fffffe is the lightest one.

#130a00
```
#130a00 rgb(19,10,0)
```
#261400
```
#261400 rgb(38,20,0)
```
#3a1e00
```
#3a1e00 rgb(58,30,0)
```
#4d2800
```
#4d2800 rgb(77,40,0)
```
#613200
```
#613200 rgb(97,50,0)
```
#743c01
```
#743c01 rgb(116,60,1)
```
#884601
```
#884601 rgb(136,70,1)
```
#9b5101
```
#9b5101 rgb(155,81,1)
```
#af5b01
```
#af5b01 rgb(175,91,1)
```
#c26501
```
#c26501 rgb(194,101,1)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```
#ea7901
```
#ea7901 rgb(234,121,1)
```
#fd8301
```
#fd8301 rgb(253,131,1)
```

Shade Color Variation

#fe8d14
```
#fe8d14 rgb(254,141,20)
```
#fe9627
```
#fe9627 rgb(254,150,39)
```
#fea03b
```
#fea03b rgb(254,160,59)
```
#fea94f
```
#fea94f rgb(254,169,79)
```
#feb362
```
#feb362 rgb(254,179,98)
```
#febc76
```
#febc76 rgb(254,188,118)
```
#fec689
```
#fec689 rgb(254,198,137)
```
#ffcf9d
```
#ffcf9d rgb(255,207,157)
```
#ffd9b0
```
#ffd9b0 rgb(255,217,176)
```
#ffe2c4
```
#ffe2c4 rgb(255,226,196)
```
#ffecd7
```
#ffecd7 rgb(255,236,215)
```
#fff5eb
```
#fff5eb rgb(255,245,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#736c64
```
#736c64 rgb(115,108,100)
```
#7b6c5c
```
#7b6c5c rgb(123,108,92)
```
#836c54
```
#836c54 rgb(131,108,84)
```
#8c6d4b
```
#8c6d4b rgb(140,109,75)
```
#946d43
```
#946d43 rgb(148,109,67)
```
#9c6d3b
```
#9c6d3b rgb(156,109,59)
```
#a46d33
```
#a46d33 rgb(164,109,51)
```
#ad6e2a
```
#ad6e2a rgb(173,110,42)
```
#b56e22
```
#b56e22 rgb(181,110,34)
```
#bd6e1a
```
#bd6e1a rgb(189,110,26)
```
#c56e12
```
#c56e12 rgb(197,110,18)
```
#ce6f09
```
#ce6f09 rgb(206,111,9)
```
#d66f01
```
#d66f01 rgb(214,111,1)
```

Tone Color Variation

Below, you can see how #d66f01 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
#927d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29116 Protanopia 1% of men
#b48900 Deuteranopia 1% of men
#db6e75 Tritanopia 0.001% of the population

Trichromacy

#b5840e Protanomaly 1% of men, 0.01% of women
#c08000 Deuteranomaly 6% of men, 0.4% of women
#d96e4b Tritanomaly 0.01% of the population