colorhexa.com

#d4700f hex color

In a RGB color space, hex #d4700f is composed of 83.1% red, 43.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 92.9% yellow and 16.9% black. It has a hue angle of 29.5 degrees, a saturation of 86.8% and a lightness of 44.5%. #d4700f color hex could be obtained by blending #ffe01e with #a90000. Closest websafe color is: #cc6600.

- R 83
- G 44
- B 6
RGB color chart
- C 0
- M 47
- Y 93
- K 17
CMYK color chart

● #d4700f color description : Strong orange.

The hexadecimal color #d4700f has RGB values of R:212, G:112, B:15 and CMYK values of C:0, M:0.47, Y:0.93, K:0.17. Its decimal value is 13922319.

Hex triplet	d4700f	`#d4700f`
RGB Decimal	212, 112, 15	`rgb(212,112,15)`
RGB Percent	83.1, 43.9, 5.9	`rgb(83.1%,43.9%,5.9%)`
CMYK	0, 47, 93, 17
HSL	29.5°, 86.8, 44.5	`hsl(29.5,86.8%,44.5%)`
HSV (or HSB)	29.5°, 92.9, 83.1
Web Safe	cc6600	`#cc6600`

CIE-LAB	57.677, 33.964, 62.495
XYZ	33.033, 25.623, 3.658
xyY	0.53, 0.411, 25.623
CIE-LCH	57.677, 71.128, 61.477
CIE-LUV	57.677, 82.949, 52.503
Hunter-Lab	50.619, 27.902, 31.149
Binary	11010100, 01110000, 00001111

#d4700f
```
#d4700f rgb(212,112,15)
```
#0f73d4
```
#0f73d4 rgb(15,115,212)
```

Complementary Color

#d40f10
```
#d40f10 rgb(212,15,16)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#d4d30f
```
#d4d30f rgb(212,211,15)
```

Analogous Color

#0f10d4
```
#0f10d4 rgb(15,16,212)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#0fd4d3
```
#0fd4d3 rgb(15,212,211)
```

Split Complementary Color

#700fd4
```
#700fd4 rgb(112,15,212)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#0fd470
```
#0fd470 rgb(15,212,112)
```

Triadic Color

#d40f73
```
#d40f73 rgb(212,15,115)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#0fd470
```
#0fd470 rgb(15,212,112)
```
#0f73d4
```
#0f73d4 rgb(15,115,212)
```

Tetradic Color

#8d4a0a
```
#8d4a0a rgb(141,74,10)
```
#a4570c
```
#a4570c rgb(164,87,12)
```
#bc630d
```
#bc630d rgb(188,99,13)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#ec7d11
```
#ec7d11 rgb(236,125,17)
```
#f08926
```
#f08926 rgb(240,137,38)
```
#f1963e
```
#f1963e rgb(241,150,62)
```

Monochromatic Color

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

#d43f0f
```
#d43f0f rgb(212,63,15)
```
#d44f0f
```
#d44f0f rgb(212,79,15)
```
#d4600f
```
#d4600f rgb(212,96,15)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#d4800f
```
#d4800f rgb(212,128,15)
```
#d4910f
```
#d4910f rgb(212,145,15)
```
#d4a10f
```
#d4a10f rgb(212,161,15)
```

Similar Colors

Text with hexadecimal color #d4700f

This text has a font color of #d4700f.

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

#d4700f background color

This paragraph has a background color of #d4700f.

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

#d4700f border color

This element has a border color of #d4700f.

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

CSS codes

.text {color:#d4700f;}

.background {background-color:#d4700f;}

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

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

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1d0f02
```
#1d0f02 rgb(29,15,2)
```
#2f1903
```
#2f1903 rgb(47,25,3)
```
#412305
```
#412305 rgb(65,35,5)
```
#542c06
```
#542c06 rgb(84,44,6)
```
#663607
```
#663607 rgb(102,54,7)
```
#784009
```
#784009 rgb(120,64,9)
```
#8b490a
```
#8b490a rgb(139,73,10)
```
#9d530b
```
#9d530b rgb(157,83,11)
```
#af5d0c
```
#af5d0c rgb(175,93,12)
```
#c2660e
```
#c2660e rgb(194,102,14)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#e67a10
```
#e67a10 rgb(230,122,16)
```

Shade Color Variation

#ef841b
```
#ef841b rgb(239,132,27)
```
#f08d2e
```
#f08d2e rgb(240,141,46)
```
#f19740
```
#f19740 rgb(241,151,64)
```
#f3a152
```
#f3a152 rgb(243,161,82)
```
#f4ab65
```
#f4ab65 rgb(244,171,101)
```
#f5b577
```
#f5b577 rgb(245,181,119)
```
#f7bf89
```
#f7bf89 rgb(247,191,137)
```
#f8c99c
```
#f8c99c rgb(248,201,156)
```
#f9d3ae
```
#f9d3ae rgb(249,211,174)
```
#fbddc0
```
#fbddc0 rgb(251,221,192)
```
#fce7d3
```
#fce7d3 rgb(252,231,211)
```
#fdf1e5
```
#fdf1e5 rgb(253,241,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#74716f
```
#74716f rgb(116,113,111)
```
#7d7166
```
#7d7166 rgb(125,113,102)
```
#85715e
```
#85715e rgb(133,113,94)
```
#8e7155
```
#8e7155 rgb(142,113,85)
```
#97714c
```
#97714c rgb(151,113,76)
```
#a07143
```
#a07143 rgb(160,113,67)
```
#a8713b
```
#a8713b rgb(168,113,59)
```
#b17132
```
#b17132 rgb(177,113,50)
```
#ba7029
```
#ba7029 rgb(186,112,41)
```
#c37020
```
#c37020 rgb(195,112,32)
```
#cb7018
```
#cb7018 rgb(203,112,24)
```
#d4700f
```
#d4700f rgb(212,112,15)
```
#dd7006
```
#dd7006 rgb(221,112,6)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#937f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19022 Protanopia 1% of men
#b58900 Deuteranopia 1% of men
#d96f76 Tritanopia 0.001% of the population

Trichromacy

#b4841b Protanomaly 1% of men, 0.01% of women
#c08005 Deuteranomaly 6% of men, 0.4% of women
#d76f51 Tritanomaly 0.01% of the population