#d77f12 hex color

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

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

● #d77f12 color description : Strong orange.

The hexadecimal color #d77f12 has RGB values of R:215, G:127, B:18 and CMYK values of C:0, M:0.41, Y:0.92, K:0.16. Its decimal value is 14122770.

Hex triplet	d77f12	`#d77f12`
RGB Decimal	215, 127, 18	`rgb(215,127,18)`
RGB Percent	84.3, 49.8, 7.1	`rgb(84.3%,49.8%,7.1%)`
CMYK	0, 41, 92, 16
HSL	33.2°, 84.5, 45.7	`hsl(33.2,84.5%,45.7%)`
HSV (or HSB)	33.2°, 91.6, 84.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	61.371, 27.343, 64.67
XYZ	35.724, 29.672, 4.418
xyY	0.512, 0.425, 29.672
CIE-LCH	61.371, 70.213, 67.081
CIE-LUV	61.371, 72.909, 57.589
Hunter-Lab	54.472, 21.737, 33.322
Binary	11010111, 01111111, 00010010

#d77f12
```
#d77f12 rgb(215,127,18)
```
#126ad7
```
#126ad7 rgb(18,106,215)
```

Complementary Color

#d71d12
```
#d71d12 rgb(215,29,18)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#cdd712
```
#cdd712 rgb(205,215,18)
```

Analogous Color

#1d12d7
```
#1d12d7 rgb(29,18,215)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#12cdd7
```
#12cdd7 rgb(18,205,215)
```

Split Complementary Color

#7f12d7
```
#7f12d7 rgb(127,18,215)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#12d77f
```
#12d77f rgb(18,215,127)
```

Triadic Color

#d7126a
```
#d7126a rgb(215,18,106)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#12d77f
```
#12d77f rgb(18,215,127)
```
#126ad7
```
#126ad7 rgb(18,106,215)
```

Tetradic Color

#90550c
```
#90550c rgb(144,85,12)
```
#a8630e
```
#a8630e rgb(168,99,14)
```
#bf7110
```
#bf7110 rgb(191,113,16)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#ec8d17
```
#ec8d17 rgb(236,141,23)
```
#ee982e
```
#ee982e rgb(238,152,46)
```
#f0a446
```
#f0a446 rgb(240,164,70)
```

Monochromatic Color

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

#d74e12
```
#d74e12 rgb(215,78,18)
```
#d75e12
```
#d75e12 rgb(215,94,18)
```
#d76f12
```
#d76f12 rgb(215,111,18)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#d78f12
```
#d78f12 rgb(215,143,18)
```
#d7a012
```
#d7a012 rgb(215,160,18)
```
#d7b012
```
#d7b012 rgb(215,176,18)
```

Similar Colors

Text with hexadecimal color #d77f12

This text has a font color of #d77f12.

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

#d77f12 background color

This paragraph has a background color of #d77f12.

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

#d77f12 border color

This element has a border color of #d77f12.

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

CSS codes

.text {color:#d77f12;}

.background {background-color:#d77f12;}

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

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)
```
#341f04
```
#341f04 rgb(52,31,4)
```
#462906
```
#462906 rgb(70,41,6)
```
#583407
```
#583407 rgb(88,52,7)
```
#6a3f09
```
#6a3f09 rgb(106,63,9)
```
#7c4a0a
```
#7c4a0a rgb(124,74,10)
```
#8f540c
```
#8f540c rgb(143,84,12)
```
#a15f0d
```
#a15f0d rgb(161,95,13)
```
#b36a0f
```
#b36a0f rgb(179,106,15)
```
#c57410
```
#c57410 rgb(197,116,16)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#e98a14
```
#e98a14 rgb(233,138,20)
```

Shade Color Variation

#ed9324
```
#ed9324 rgb(237,147,36)
```
#ee9c36
```
#ee9c36 rgb(238,156,54)
```
#f0a548
```
#f0a548 rgb(240,165,72)
```
#f1ae5a
```
#f1ae5a rgb(241,174,90)
```
#f3b76c
```
#f3b76c rgb(243,183,108)
```
#f4bf7e
```
#f4bf7e rgb(244,191,126)
```
#f6c890
```
#f6c890 rgb(246,200,144)
```
#f7d1a2
```
#f7d1a2 rgb(247,209,162)
```
#f9dab4
```
#f9dab4 rgb(249,218,180)
```
#fae3c6
```
#fae3c6 rgb(250,227,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 #e98100 is the most saturated one.

#7d756c
```
#7d756c rgb(125,117,108)
```
#867663
```
#867663 rgb(134,118,99)
```
#8f775a
```
#8f775a rgb(143,119,90)
```
#987851
```
#987851 rgb(152,120,81)
```
#a17948
```
#a17948 rgb(161,121,72)
```
#aa7a3f
```
#aa7a3f rgb(170,122,63)
```
#b37b36
```
#b37b36 rgb(179,123,54)
```
#bc7c2d
```
#bc7c2d rgb(188,124,45)
```
#c57d24
```
#c57d24 rgb(197,125,36)
```
#ce7e1b
```
#ce7e1b rgb(206,126,27)
```
#d77f12
```
#d77f12 rgb(215,127,18)
```
#e08009
```
#e08009 rgb(224,128,9)
```
#e98100
```
#e98100 rgb(233,129,0)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9c8a74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a24 Protanopia 1% of men
#c09210 Deuteranopia 1% of men
#dd7d85 Tritanopia 0.001% of the population

Trichromacy

#bb901d Protanomaly 1% of men, 0.01% of women
#c88b10 Deuteranomaly 6% of men, 0.4% of women
#db7d5b Tritanomaly 0.01% of the population

#d77f12 hex color

#d77f12 Color Information

#d77f12 Color Conversion

Color Schemes with #d77f12

Alternatives to #d77f12

#d77f12 Preview

Shades and Tints of #d77f12

Tones of #d77f12

Color Blindness Simulator