colorhexa.com

#d77c12 hex color

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

- R 84
- G 49
- B 7
RGB color chart
- C 0
- M 42
- Y 92
- K 16
CMYK color chart

● #d77c12 color description : Strong orange.

The hexadecimal color #d77c12 has RGB values of R:215, G:124, B:18 and CMYK values of C:0, M:0.42, Y:0.92, K:0.16. Its decimal value is 14122002.

Hex triplet	d77c12	`#d77c12`
RGB Decimal	215, 124, 18	`rgb(215,124,18)`
RGB Percent	84.3, 48.6, 7.1	`rgb(84.3%,48.6%,7.1%)`
CMYK	0, 42, 92, 16
HSL	32.3°, 84.5, 45.7	`hsl(32.3,84.5%,45.7%)`
HSV (or HSB)	32.3°, 91.6, 84.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	60.701, 28.938, 64.183
XYZ	35.342, 28.909, 4.291
xyY	0.516, 0.422, 28.909
CIE-LCH	60.701, 70.405, 65.731
CIE-LUV	60.701, 75.399, 56.521
Hunter-Lab	53.767, 23.24, 32.905
Binary	11010111, 01111100, 00010010

#d77c12
```
#d77c12 rgb(215,124,18)
```
#126dd7
```
#126dd7 rgb(18,109,215)
```

Complementary Color

#d71a12
```
#d71a12 rgb(215,26,18)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#d0d712
```
#d0d712 rgb(208,215,18)
```

Analogous Color

#1a12d7
```
#1a12d7 rgb(26,18,215)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#12d0d7
```
#12d0d7 rgb(18,208,215)
```

Split Complementary Color

#7c12d7
```
#7c12d7 rgb(124,18,215)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#12d77c
```
#12d77c rgb(18,215,124)
```

Triadic Color

#d7126d
```
#d7126d rgb(215,18,109)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#12d77c
```
#12d77c rgb(18,215,124)
```
#126dd7
```
#126dd7 rgb(18,109,215)
```

Tetradic Color

#90530c
```
#90530c rgb(144,83,12)
```
#a8610e
```
#a8610e rgb(168,97,14)
```
#bf6e10
```
#bf6e10 rgb(191,110,16)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#ec8917
```
#ec8917 rgb(236,137,23)
```
#ee952e
```
#ee952e rgb(238,149,46)
```
#f0a146
```
#f0a146 rgb(240,161,70)
```

Monochromatic Color

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

#d74b12
```
#d74b12 rgb(215,75,18)
```
#d75b12
```
#d75b12 rgb(215,91,18)
```
#d76c12
```
#d76c12 rgb(215,108,18)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#d78c12
```
#d78c12 rgb(215,140,18)
```
#d79d12
```
#d79d12 rgb(215,157,18)
```
#d7ad12
```
#d7ad12 rgb(215,173,18)
```

Similar Colors

Text with hexadecimal color #d77c12

This text has a font color of #d77c12.

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

#d77c12 background color

This paragraph has a background color of #d77c12.

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

#d77c12 border color

This element has a border color of #d77c12.

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

CSS codes

.text {color:#d77c12;}

.background {background-color:#d77c12;}

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

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)
```
#221403
```
#221403 rgb(34,20,3)
```
#341e04
```
#341e04 rgb(52,30,4)
```
#462806
```
#462806 rgb(70,40,6)
```
#583307
```
#583307 rgb(88,51,7)
```
#6a3d09
```
#6a3d09 rgb(106,61,9)
```
#7c480a
```
#7c480a rgb(124,72,10)
```
#8f520c
```
#8f520c rgb(143,82,12)
```
#a15d0d
```
#a15d0d rgb(161,93,13)
```
#b3670f
```
#b3670f rgb(179,103,15)
```
#c57210
```
#c57210 rgb(197,114,16)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#e98614
```
#e98614 rgb(233,134,20)
```

Shade Color Variation

#ed9024
```
#ed9024 rgb(237,144,36)
```
#ee9936
```
#ee9936 rgb(238,153,54)
```
#f0a248
```
#f0a248 rgb(240,162,72)
```
#f1ab5a
```
#f1ab5a rgb(241,171,90)
```
#f3b46c
```
#f3b46c rgb(243,180,108)
```
#f4be7e
```
#f4be7e rgb(244,190,126)
```
#f6c790
```
#f6c790 rgb(246,199,144)
```
#f7d0a2
```
#f7d0a2 rgb(247,208,162)
```
#f9d9b4
```
#f9d9b4 rgb(249,217,180)
```
#fae2c6
```
#fae2c6 rgb(250,226,198)
```
#fcecd9
```
#fcecd9 rgb(252,236,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 #e97d00 is the most saturated one.

#7d756c
```
#7d756c rgb(125,117,108)
```
#867663
```
#867663 rgb(134,118,99)
```
#8f775a
```
#8f775a rgb(143,119,90)
```
#987751
```
#987751 rgb(152,119,81)
```
#a17848
```
#a17848 rgb(161,120,72)
```
#aa793f
```
#aa793f rgb(170,121,63)
```
#b37936
```
#b37936 rgb(179,121,54)
```
#bc7a2d
```
#bc7a2d rgb(188,122,45)
```
#c57b24
```
#c57b24 rgb(197,123,36)
```
#ce7b1b
```
#ce7b1b rgb(206,123,27)
```
#d77c12
```
#d77c12 rgb(215,124,18)
```
#e07d09
```
#e07d09 rgb(224,125,9)
```
#e97d00
```
#e97d00 rgb(233,125,0)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9a8873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9824 Protanopia 1% of men
#be900e Deuteranopia 1% of men
#dd7a82 Tritanopia 0.001% of the population

Trichromacy

#ba8e1d Protanomaly 1% of men, 0.01% of women
#c7890f Deuteranomaly 6% of men, 0.4% of women
#db7a59 Tritanomaly 0.01% of the population