#d69311 hex color

In a RGB color space, hex #d69311 is composed of 83.9% red, 57.6% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 92.1% yellow and 16.1% black. It has a hue angle of 39.6 degrees, a saturation of 85.3% and a lightness of 45.3%. #d69311 color hex could be obtained by blending #ffff22 with #ad2700. Closest websafe color is: #cc9900.

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

● #d69311 color description : Strong orange.

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

Hex triplet	d69311	`#d69311`
RGB Decimal	214, 147, 17	`rgb(214,147,17)`
RGB Percent	83.9, 57.6, 6.7	`rgb(83.9%,57.6%,6.7%)`
CMYK	0, 31, 92, 16
HSL	39.6°, 85.3, 45.3	`hsl(39.6,85.3%,45.3%)`
HSV (or HSB)	39.6°, 92.1, 83.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	65.909, 16.148, 68.15
XYZ	38.267, 35.207, 5.31
xyY	0.486, 0.447, 35.207
CIE-LCH	65.909, 70.037, 76.67
CIE-LUV	65.909, 55.721, 64.962
Hunter-Lab	59.335, 11.285, 36.228
Binary	11010110, 10010011, 00010001

#d69311
```
#d69311 rgb(214,147,17)
```
#1154d6
```
#1154d6 rgb(17,84,214)
```

Complementary Color

#d63111
```
#d63111 rgb(214,49,17)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#b7d611
```
#b7d611 rgb(183,214,17)
```

Analogous Color

#3011d6
```
#3011d6 rgb(48,17,214)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#11b7d6
```
#11b7d6 rgb(17,183,214)
```

Split Complementary Color

#9311d6
```
#9311d6 rgb(147,17,214)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#11d693
```
#11d693 rgb(17,214,147)
```

Triadic Color

#d61154
```
#d61154 rgb(214,17,84)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#11d693
```
#11d693 rgb(17,214,147)
```
#1154d6
```
#1154d6 rgb(17,84,214)
```

Tetradic Color

#8f620b
```
#8f620b rgb(143,98,11)
```
#a7730d
```
#a7730d rgb(167,115,13)
```
#be830f
```
#be830f rgb(190,131,15)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#eca314
```
#eca314 rgb(236,163,20)
```
#eeac2c
```
#eeac2c rgb(238,172,44)
```
#f0b543
```
#f0b543 rgb(240,181,67)
```

Monochromatic Color

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

#d66211
```
#d66211 rgb(214,98,17)
```
#d67211
```
#d67211 rgb(214,114,17)
```
#d68311
```
#d68311 rgb(214,131,17)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#d6a311
```
#d6a311 rgb(214,163,17)
```
#d6b411
```
#d6b411 rgb(214,180,17)
```
#d6c411
```
#d6c411 rgb(214,196,17)
```

Similar Colors

Text with hexadecimal color #d69311

This text has a font color of #d69311.

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

#d69311 background color

This paragraph has a background color of #d69311.

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

#d69311 border color

This element has a border color of #d69311.

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

CSS codes

.text {color:#d69311;}

.background {background-color:#d69311;}

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

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, #0e0a01 is the darkest color, while #fffdfb is the lightest one.

#0e0a01
```
#0e0a01 rgb(14,10,1)
```
#201603
```
#201603 rgb(32,22,3)
```
#322304
```
#322304 rgb(50,35,4)
```
#452f05
```
#452f05 rgb(69,47,5)
```
#573c07
```
#573c07 rgb(87,60,7)
```
#694808
```
#694808 rgb(105,72,8)
```
#7b550a
```
#7b550a rgb(123,85,10)
```
#8d610b
```
#8d610b rgb(141,97,11)
```
#9f6e0d
```
#9f6e0d rgb(159,110,13)
```
#b27a0e
```
#b27a0e rgb(178,122,14)
```
#c48710
```
#c48710 rgb(196,135,16)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#e89f12
```
#e89f12 rgb(232,159,18)
```

Shade Color Variation

#eda821
```
#eda821 rgb(237,168,33)
```
#efaf33
```
#efaf33 rgb(239,175,51)
```
#f0b645
```
#f0b645 rgb(240,182,69)
```
#f2bd57
```
#f2bd57 rgb(242,189,87)
```
#f3c46a
```
#f3c46a rgb(243,196,106)
```
#f5cb7c
```
#f5cb7c rgb(245,203,124)
```
#f6d38e
```
#f6d38e rgb(246,211,142)
```
#f7daa0
```
#f7daa0 rgb(247,218,160)
```
#f9e1b2
```
#f9e1b2 rgb(249,225,178)
```
#fae8c4
```
#fae8c4 rgb(250,232,196)
```
#fcefd7
```
#fcefd7 rgb(252,239,215)
```
#fdf6e9
```
#fdf6e9 rgb(253,246,233)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#747473
```
#747473 rgb(116,116,115)
```
#7d776a
```
#7d776a rgb(125,119,106)
```
#867961
```
#867961 rgb(134,121,97)
```
#8f7c58
```
#8f7c58 rgb(143,124,88)
```
#987f4f
```
#987f4f rgb(152,127,79)
```
#a18246
```
#a18246 rgb(161,130,70)
```
#aa853d
```
#aa853d rgb(170,133,61)
```
#b28835
```
#b28835 rgb(178,136,53)
```
#bb8a2c
```
#bb8a2c rgb(187,138,44)
```
#c48d23
```
#c48d23 rgb(196,141,35)
```
#cd901a
```
#cd901a rgb(205,144,26)
```
#d69311
```
#d69311 rgb(214,147,17)
```
#df9608
```
#df9608 rgb(223,150,8)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#a4977d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a521 Protanopia 1% of men
#ce9d18 Deuteranopia 1% of men
#de8e98 Tritanopia 0.001% of the population

Trichromacy

#c39e1b Protanomaly 1% of men, 0.01% of women
#d19915 Deuteranomaly 6% of men, 0.4% of women
#db9067 Tritanomaly 0.01% of the population

#d69311 hex color

#d69311 Color Information

#d69311 Color Conversion

Color Schemes with #d69311

Alternatives to #d69311

#d69311 Preview

Shades and Tints of #d69311

Tones of #d69311

Color Blindness Simulator