#d69301 hex color

In a RGB color space, hex #d69301 is composed of 83.9% red, 57.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 99.5% yellow and 16.1% black. It has a hue angle of 41.1 degrees, a saturation of 99.1% and a lightness of 42.2%. #d69301 color hex could be obtained by blending #ffff02 with #ad2700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 84
- G 58
- B 0
RGB color chart
- C 0
- M 31
- Y 100
- K 16
CMYK color chart

● #d69301 color description : Strong orange.

The hexadecimal color #d69301 has RGB values of R:214, G:147, B:1 and CMYK values of C:0, M:0.31, Y:1, K:0.16. Its decimal value is 14062337.

Hex triplet	d69301	`#d69301`
RGB Decimal	214, 147, 1	`rgb(214,147,1)`
RGB Percent	83.9, 57.6, 0.4	`rgb(83.9%,57.6%,0.4%)`
CMYK	0, 31, 100, 16
HSL	41.1°, 99.1, 42.2	`hsl(41.1,99.1%,42.2%)`
HSV (or HSB)	41.1°, 99.5, 83.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	65.879, 15.968, 70.488
XYZ	38.172, 35.168, 4.807
xyY	0.488, 0.45, 35.168
CIE-LCH	65.879, 72.274, 77.236
CIE-LUV	65.879, 55.977, 66.176
Hunter-Lab	59.303, 11.116, 36.707
Binary	11010110, 10010011, 00000001

#d69301
```
#d69301 rgb(214,147,1)
```
#0144d6
```
#0144d6 rgb(1,68,214)
```

Complementary Color

#d62901
```
#d62901 rgb(214,41,1)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#afd601
```
#afd601 rgb(175,214,1)
```

Analogous Color

#2901d6
```
#2901d6 rgb(41,1,214)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#01afd6
```
#01afd6 rgb(1,175,214)
```

Split Complementary Color

#9301d6
```
#9301d6 rgb(147,1,214)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#01d693
```
#01d693 rgb(1,214,147)
```

Triadic Color

#d60144
```
#d60144 rgb(214,1,68)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#01d693
```
#01d693 rgb(1,214,147)
```
#0144d6
```
#0144d6 rgb(1,68,214)
```

Tetradic Color

#8a5f01
```
#8a5f01 rgb(138,95,1)
```
#a37001
```
#a37001 rgb(163,112,1)
```
#bd8201
```
#bd8201 rgb(189,130,1)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#efa401
```
#efa401 rgb(239,164,1)
```
#feb20c
```
#feb20c rgb(254,178,12)
```
#feba26
```
#feba26 rgb(254,186,38)
```

Monochromatic Color

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

#d65e01
```
#d65e01 rgb(214,94,1)
```
#d67001
```
#d67001 rgb(214,112,1)
```
#d68101
```
#d68101 rgb(214,129,1)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#d6a501
```
#d6a501 rgb(214,165,1)
```
#d6b701
```
#d6b701 rgb(214,183,1)
```
#d6c801
```
#d6c801 rgb(214,200,1)
```

Similar Colors

Text with hexadecimal color #d69301

This text has a font color of #d69301.

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

#d69301 background color

This paragraph has a background color of #d69301.

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

#d69301 border color

This element has a border color of #d69301.

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

CSS codes

.text {color:#d69301;}

.background {background-color:#d69301;}

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

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

#130d00
```
#130d00 rgb(19,13,0)
```
#261a00
```
#261a00 rgb(38,26,0)
```
#3a2800
```
#3a2800 rgb(58,40,0)
```
#4d3500
```
#4d3500 rgb(77,53,0)
```
#614300
```
#614300 rgb(97,67,0)
```
#745001
```
#745001 rgb(116,80,1)
```
#885d01
```
#885d01 rgb(136,93,1)
```
#9b6b01
```
#9b6b01 rgb(155,107,1)
```
#af7801
```
#af7801 rgb(175,120,1)
```
#c28601
```
#c28601 rgb(194,134,1)
```
#d69301
```
#d69301 rgb(214,147,1)
```
#eaa001
```
#eaa001 rgb(234,160,1)
```
#fdae01
```
#fdae01 rgb(253,174,1)
```

Shade Color Variation

#feb414
```
#feb414 rgb(254,180,20)
```
#febb27
```
#febb27 rgb(254,187,39)
```
#fec13b
```
#fec13b rgb(254,193,59)
```
#fec74f
```
#fec74f rgb(254,199,79)
```
#fecd62
```
#fecd62 rgb(254,205,98)
```
#fed376
```
#fed376 rgb(254,211,118)
```
#feda89
```
#feda89 rgb(254,218,137)
```
#ffe09d
```
#ffe09d rgb(255,224,157)
```
#ffe6b0
```
#ffe6b0 rgb(255,230,176)
```
#ffecc4
```
#ffecc4 rgb(255,236,196)
```
#fff2d7
```
#fff2d7 rgb(255,242,215)
```
#fff9eb
```
#fff9eb rgb(255,249,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#736e64
```
#736e64 rgb(115,110,100)
```
#7b715c
```
#7b715c rgb(123,113,92)
```
#837454
```
#837454 rgb(131,116,84)
```
#8c774b
```
#8c774b rgb(140,119,75)
```
#947a43
```
#947a43 rgb(148,122,67)
```
#9c7e3b
```
#9c7e3b rgb(156,126,59)
```
#a48133
```
#a48133 rgb(164,129,51)
```
#ad842a
```
#ad842a rgb(173,132,42)
```
#b58722
```
#b58722 rgb(181,135,34)
```
#bd8a1a
```
#bd8a1a rgb(189,138,26)
```
#c58d12
```
#c58d12 rgb(197,141,18)
```
#ce9009
```
#ce9009 rgb(206,144,9)
```
#d69301
```
#d69301 rgb(214,147,1)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a39578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a511 Protanopia 1% of men
#ce9d00 Deuteranopia 1% of men
#de8e98 Tritanopia 0.001% of the population

Trichromacy

#c39e0b Protanomaly 1% of men, 0.01% of women
#d19900 Deuteranomaly 6% of men, 0.4% of women
#db9061 Tritanomaly 0.01% of the population

#d69301 hex color

#d69301 Color Information

#d69301 Color Conversion

Color Schemes with #d69301

Alternatives to #d69301

#d69301 Preview

Shades and Tints of #d69301

Tones of #d69301

Color Blindness Simulator