#d77314 hex color

In a RGB color space, hex #d77314 is composed of 84.3% red, 45.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.5% magenta, 90.7% yellow and 15.7% black. It has a hue angle of 29.2 degrees, a saturation of 83% and a lightness of 46.1%. #d77314 color hex could be obtained by blending #ffe628 with #af0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 45
- B 8
RGB color chart
- C 0
- M 47
- Y 91
- K 16
CMYK color chart

● #d77314 color description : Strong orange.

The hexadecimal color #d77314 has RGB values of R:215, G:115, B:20 and CMYK values of C:0, M:0.47, Y:0.91, K:0.16. Its decimal value is 14119700.

Hex triplet	d77314	`#d77314`
RGB Decimal	215, 115, 20	`rgb(215,115,20)`
RGB Percent	84.3, 45.1, 7.8	`rgb(84.3%,45.1%,7.8%)`
CMYK	0, 47, 91, 16
HSL	29.2°, 83, 46.1	`hsl(29.2,83%,46.1%)`
HSV (or HSB)	29.2°, 90.7, 84.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.753, 33.703, 62.277
XYZ	34.283, 26.762, 4.022
xyY	0.527, 0.411, 26.762
CIE-LCH	58.753, 70.812, 61.579
CIE-LUV	58.753, 82.799, 53.129
Hunter-Lab	51.732, 27.76, 31.603
Binary	11010111, 01110011, 00010100

#d77314
```
#d77314 rgb(215,115,20)
```
#1478d7
```
#1478d7 rgb(20,120,215)
```

Complementary Color

#d71417
```
#d71417 rgb(215,20,23)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#d7d514
```
#d7d514 rgb(215,213,20)
```

Analogous Color

#1417d7
```
#1417d7 rgb(20,23,215)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#14d7d5
```
#14d7d5 rgb(20,215,213)
```

Split Complementary Color

#7314d7
```
#7314d7 rgb(115,20,215)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#14d773
```
#14d773 rgb(20,215,115)
```

Triadic Color

#d71478
```
#d71478 rgb(215,20,120)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#14d773
```
#14d773 rgb(20,215,115)
```
#1478d7
```
#1478d7 rgb(20,120,215)
```

Tetradic Color

#914e0d
```
#914e0d rgb(145,78,13)
```
#a85a10
```
#a85a10 rgb(168,90,16)
```
#c06712
```
#c06712 rgb(192,103,18)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#ea801b
```
#ea801b rgb(234,128,27)
```
#ec8d32
```
#ec8d32 rgb(236,141,50)
```
#ee9a49
```
#ee9a49 rgb(238,154,73)
```

Monochromatic Color

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

#d74214
```
#d74214 rgb(215,66,20)
```
#d75214
```
#d75214 rgb(215,82,20)
```
#d76314
```
#d76314 rgb(215,99,20)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#d78314
```
#d78314 rgb(215,131,20)
```
#d79414
```
#d79414 rgb(215,148,20)
```
#d7a414
```
#d7a414 rgb(215,164,20)
```

Similar Colors

Text with hexadecimal color #d77314

This text has a font color of #d77314.

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

#d77314 background color

This paragraph has a background color of #d77314.

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

#d77314 border color

This element has a border color of #d77314.

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

CSS codes

.text {color:#d77314;}

.background {background-color:#d77314;}

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

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

#120902
```
#120902 rgb(18,9,2)
```
#241303
```
#241303 rgb(36,19,3)
```
#351d05
```
#351d05 rgb(53,29,5)
```
#472607
```
#472607 rgb(71,38,7)
```
#593008
```
#593008 rgb(89,48,8)
```
#6b390a
```
#6b390a rgb(107,57,10)
```
#7d430c
```
#7d430c rgb(125,67,12)
```
#8f4d0d
```
#8f4d0d rgb(143,77,13)
```
#a1560f
```
#a1560f rgb(161,86,15)
```
#b36011
```
#b36011 rgb(179,96,17)
```
#c56912
```
#c56912 rgb(197,105,18)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#e97d16
```
#e97d16 rgb(233,125,22)
```

Shade Color Variation

#eb8727
```
#eb8727 rgb(235,135,39)
```
#ed9139
```
#ed9139 rgb(237,145,57)
```
#ee9b4b
```
#ee9b4b rgb(238,155,75)
```
#f0a55d
```
#f0a55d rgb(240,165,93)
```
#f2af6f
```
#f2af6f rgb(242,175,111)
```
#f3b981
```
#f3b981 rgb(243,185,129)
```
#f5c393
```
#f5c393 rgb(245,195,147)
```
#f7cda5
```
#f7cda5 rgb(247,205,165)
```
#f8d7b7
```
#f8d7b7 rgb(248,215,183)
```
#fae1c9
```
#fae1c9 rgb(250,225,201)
```
#fcebdb
```
#fcebdb rgb(252,235,219)
```
#fdf5ed
```
#fdf5ed rgb(253,245,237)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7d756e
```
#7d756e rgb(125,117,110)
```
#867565
```
#867565 rgb(134,117,101)
```
#8f755c
```
#8f755c rgb(143,117,92)
```
#987553
```
#987553 rgb(152,117,83)
```
#a1744a
```
#a1744a rgb(161,116,74)
```
#aa7441
```
#aa7441 rgb(170,116,65)
```
#b37438
```
#b37438 rgb(179,116,56)
```
#bc742f
```
#bc742f rgb(188,116,47)
```
#c57326
```
#c57326 rgb(197,115,38)
```
#ce731d
```
#ce731d rgb(206,115,29)
```
#d77314
```
#d77314 rgb(215,115,20)
```
#e0730b
```
#e0730b rgb(224,115,11)
```
#e97302
```
#e97302 rgb(233,115,2)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#96826f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49326 Protanopia 1% of men
#b88c0d Deuteranopia 1% of men
#dc7279 Tritanopia 0.001% of the population

Trichromacy

#b68720 Protanomaly 1% of men, 0.01% of women
#c38210 Deuteranomaly 6% of men, 0.4% of women
#da7254 Tritanomaly 0.01% of the population

#d77314 hex color

#d77314 Color Information

#d77314 Color Conversion

Color Schemes with #d77314

Alternatives to #d77314

#d77314 Preview

Shades and Tints of #d77314

Tones of #d77314

Color Blindness Simulator