colorhexa.com

#d67a01 hex color

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

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

● #d67a01 color description : Strong orange.

The hexadecimal color #d67a01 has RGB values of R:214, G:122, B:1 and CMYK values of C:0, M:0.43, Y:1, K:0.16. Its decimal value is 14055937.

Hex triplet	d67a01	`#d67a01`
RGB Decimal	214, 122, 1	`rgb(214,122,1)`
RGB Percent	83.9, 47.8, 0.4	`rgb(83.9%,47.8%,0.4%)`
CMYK	0, 43, 100, 16
HSL	34.1°, 99.1, 42.2	`hsl(34.1,99.1%,42.2%)`
HSV (or HSB)	34.1°, 99.5, 83.9
Web Safe	cc6600	`#cc6600`

CIE-LAB	60.087, 29.385, 66.706
XYZ	34.698, 28.22, 3.649
xyY	0.521, 0.424, 28.22
CIE-LCH	60.087, 72.892, 66.226
CIE-LUV	60.087, 76.647, 57.23
Hunter-Lab	53.123, 23.624, 33.114
Binary	11010110, 01111010, 00000001

#d67a01
```
#d67a01 rgb(214,122,1)
```
#015dd6
```
#015dd6 rgb(1,93,214)
```

Complementary Color

#d60f01
```
#d60f01 rgb(214,15,1)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```
#c8d601
```
#c8d601 rgb(200,214,1)
```

Analogous Color

#1001d6
```
#1001d6 rgb(16,1,214)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```
#01c8d6
```
#01c8d6 rgb(1,200,214)
```

Split Complementary Color

#7a01d6
```
#7a01d6 rgb(122,1,214)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```
#01d67a
```
#01d67a rgb(1,214,122)
```

Triadic Color

#8a4f01
```
#8a4f01 rgb(138,79,1)
```
#a35d01
```
#a35d01 rgb(163,93,1)
```
#bd6c01
```
#bd6c01 rgb(189,108,1)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```
#ef8801
```
#ef8801 rgb(239,136,1)
```
#fe950c
```
#fe950c rgb(254,149,12)
```
#fea026
```
#fea026 rgb(254,160,38)
```

Monochromatic Color

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

#d64501
```
#d64501 rgb(214,69,1)
```
#d65601
```
#d65601 rgb(214,86,1)
```
#d66801
```
#d66801 rgb(214,104,1)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```
#d68c01
```
#d68c01 rgb(214,140,1)
```
#d69e01
```
#d69e01 rgb(214,158,1)
```
#d6af01
```
#d6af01 rgb(214,175,1)
```

Similar Colors

Text with hexadecimal color #d67a01

This text has a font color of #d67a01.

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

#d67a01 background color

This paragraph has a background color of #d67a01.

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

#d67a01 border color

This element has a border color of #d67a01.

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

CSS codes

.text {color:#d67a01;}

.background {background-color:#d67a01;}

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

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

#130b00
```
#130b00 rgb(19,11,0)
```
#261600
```
#261600 rgb(38,22,0)
```
#3a2100
```
#3a2100 rgb(58,33,0)
```
#4d2c00
```
#4d2c00 rgb(77,44,0)
```
#613700
```
#613700 rgb(97,55,0)
```
#744201
```
#744201 rgb(116,66,1)
```
#884d01
```
#884d01 rgb(136,77,1)
```
#9b5901
```
#9b5901 rgb(155,89,1)
```
#af6401
```
#af6401 rgb(175,100,1)
```
#c26f01
```
#c26f01 rgb(194,111,1)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```
#ea8501
```
#ea8501 rgb(234,133,1)
```
#fd9001
```
#fd9001 rgb(253,144,1)
```

Shade Color Variation

#fe9914
```
#fe9914 rgb(254,153,20)
```
#fea127
```
#fea127 rgb(254,161,39)
```
#feaa3b
```
#feaa3b rgb(254,170,59)
```
#feb24f
```
#feb24f rgb(254,178,79)
```
#febb62
```
#febb62 rgb(254,187,98)
```
#fec376
```
#fec376 rgb(254,195,118)
```
#fecc89
```
#fecc89 rgb(254,204,137)
```
#ffd49d
```
#ffd49d rgb(255,212,157)
```
#ffddb0
```
#ffddb0 rgb(255,221,176)
```
#ffe5c4
```
#ffe5c4 rgb(255,229,196)
```
#ffeed7
```
#ffeed7 rgb(255,238,215)
```
#fff6eb
```
#fff6eb rgb(255,246,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 #d67a01 is the most saturated one.

#736c64
```
#736c64 rgb(115,108,100)
```
#7b6e5c
```
#7b6e5c rgb(123,110,92)
```
#836f54
```
#836f54 rgb(131,111,84)
```
#8c704b
```
#8c704b rgb(140,112,75)
```
#947143
```
#947143 rgb(148,113,67)
```
#9c723b
```
#9c723b rgb(156,114,59)
```
#a47333
```
#a47333 rgb(164,115,51)
```
#ad742a
```
#ad742a rgb(173,116,42)
```
#b57522
```
#b57522 rgb(181,117,34)
```
#bd771a
```
#bd771a rgb(189,119,26)
```
#c57812
```
#c57812 rgb(197,120,18)
```
#ce7909
```
#ce7909 rgb(206,121,9)
```
#d67a01
```
#d67a01 rgb(214,122,1)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#98856d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89615 Protanopia 1% of men
#bc8f00 Deuteranopia 1% of men
#dc7880 Tritanopia 0.001% of the population

Trichromacy

#b98c0d Protanomaly 1% of men, 0.01% of women
#c58700 Deuteranomaly 6% of men, 0.4% of women
#da7951 Tritanomaly 0.01% of the population