#d77a12 hex color

In a RGB color space, hex #d77a12 is composed of 84.3% red, 47.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.3% magenta, 91.6% yellow and 15.7% black. It has a hue angle of 31.7 degrees, a saturation of 84.5% and a lightness of 45.7%. #d77a12 color hex could be obtained by blending #fff424 with #af0000. Closest websafe color is: #cc6600.

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

● #d77a12 color description : Strong orange.

The hexadecimal color #d77a12 has RGB values of R:215, G:122, B:18 and CMYK values of C:0, M:0.43, Y:0.92, K:0.16. Its decimal value is 14121490.

Hex triplet	d77a12	`#d77a12`
RGB Decimal	215, 122, 18	`rgb(215,122,18)`
RGB Percent	84.3, 47.8, 7.1	`rgb(84.3%,47.8%,7.1%)`
CMYK	0, 43, 92, 16
HSL	31.7°, 84.5, 45.7	`hsl(31.7,84.5%,45.7%)`
HSV (or HSB)	31.7°, 91.6, 84.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	60.26, 29.997, 63.862
XYZ	35.094, 28.413, 4.208
xyY	0.518, 0.42, 28.413
CIE-LCH	60.26, 70.556, 64.839
CIE-LUV	60.26, 77.061, 55.814
Hunter-Lab	53.304, 24.24, 32.632
Binary	11010111, 01111010, 00010010

#d77a12
```
#d77a12 rgb(215,122,18)
```
#126fd7
```
#126fd7 rgb(18,111,215)
```

Complementary Color

#d71812
```
#d71812 rgb(215,24,18)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#d2d712
```
#d2d712 rgb(210,215,18)
```

Analogous Color

#1812d7
```
#1812d7 rgb(24,18,215)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#12d2d7
```
#12d2d7 rgb(18,210,215)
```

Split Complementary Color

#7a12d7
```
#7a12d7 rgb(122,18,215)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#12d77a
```
#12d77a rgb(18,215,122)
```

Triadic Color

#d7126f
```
#d7126f rgb(215,18,111)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#12d77a
```
#12d77a rgb(18,215,122)
```
#126fd7
```
#126fd7 rgb(18,111,215)
```

Tetradic Color

#90520c
```
#90520c rgb(144,82,12)
```
#a85f0e
```
#a85f0e rgb(168,95,14)
```
#bf6d10
```
#bf6d10 rgb(191,109,16)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#ec8717
```
#ec8717 rgb(236,135,23)
```
#ee932e
```
#ee932e rgb(238,147,46)
```
#f09f46
```
#f09f46 rgb(240,159,70)
```

Monochromatic Color

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

#d74912
```
#d74912 rgb(215,73,18)
```
#d75912
```
#d75912 rgb(215,89,18)
```
#d76a12
```
#d76a12 rgb(215,106,18)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#d78a12
```
#d78a12 rgb(215,138,18)
```
#d79b12
```
#d79b12 rgb(215,155,18)
```
#d7ab12
```
#d7ab12 rgb(215,171,18)
```

Similar Colors

Text with hexadecimal color #d77a12

This text has a font color of #d77a12.

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

#d77a12 background color

This paragraph has a background color of #d77a12.

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

#d77a12 border color

This element has a border color of #d77a12.

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

CSS codes

.text {color:#d77a12;}

.background {background-color:#d77a12;}

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

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

#100901
```
#100901 rgb(16,9,1)
```
#221303
```
#221303 rgb(34,19,3)
```
#341e04
```
#341e04 rgb(52,30,4)
```
#462806
```
#462806 rgb(70,40,6)
```
#583207
```
#583207 rgb(88,50,7)
```
#6a3c09
```
#6a3c09 rgb(106,60,9)
```
#7c470a
```
#7c470a rgb(124,71,10)
```
#8f510c
```
#8f510c rgb(143,81,12)
```
#a15b0d
```
#a15b0d rgb(161,91,13)
```
#b3650f
```
#b3650f rgb(179,101,15)
```
#c57010
```
#c57010 rgb(197,112,16)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#e98414
```
#e98414 rgb(233,132,20)
```

Shade Color Variation

#ed8e24
```
#ed8e24 rgb(237,142,36)
```
#ee9736
```
#ee9736 rgb(238,151,54)
```
#f0a048
```
#f0a048 rgb(240,160,72)
```
#f1aa5a
```
#f1aa5a rgb(241,170,90)
```
#f3b36c
```
#f3b36c rgb(243,179,108)
```
#f4bc7e
```
#f4bc7e rgb(244,188,126)
```
#f6c690
```
#f6c690 rgb(246,198,144)
```
#f7cfa2
```
#f7cfa2 rgb(247,207,162)
```
#f9d8b4
```
#f9d8b4 rgb(249,216,180)
```
#fae2c6
```
#fae2c6 rgb(250,226,198)
```
#fcebd9
```
#fcebd9 rgb(252,235,217)
```
#fdf5eb
```
#fdf5eb rgb(253,245,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7d756c
```
#7d756c rgb(125,117,108)
```
#867563
```
#867563 rgb(134,117,99)
```
#8f765a
```
#8f765a rgb(143,118,90)
```
#987651
```
#987651 rgb(152,118,81)
```
#a17748
```
#a17748 rgb(161,119,72)
```
#aa773f
```
#aa773f rgb(170,119,63)
```
#b37836
```
#b37836 rgb(179,120,54)
```
#bc782d
```
#bc782d rgb(188,120,45)
```
#c57924
```
#c57924 rgb(197,121,36)
```
#ce791b
```
#ce791b rgb(206,121,27)
```
#d77a12
```
#d77a12 rgb(215,122,18)
```
#e07b09
```
#e07b09 rgb(224,123,9)
```
#e97b00
```
#e97b00 rgb(233,123,0)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#998772 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89724 Protanopia 1% of men
#bc8f0c Deuteranopia 1% of men
#dd7880 Tritanopia 0.001% of the population

Trichromacy

#b98c1d Protanomaly 1% of men, 0.01% of women
#c6870e Deuteranomaly 6% of men, 0.4% of women
#db7958 Tritanomaly 0.01% of the population

#d77a12 hex color

#d77a12 Color Information

#d77a12 Color Conversion

Color Schemes with #d77a12

Alternatives to #d77a12

#d77a12 Preview

Shades and Tints of #d77a12

Tones of #d77a12

Color Blindness Simulator