#d7700f hex color

In a RGB color space, hex #d7700f is composed of 84.3% red, 43.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.9% magenta, 93% yellow and 15.7% black. It has a hue angle of 29.1 degrees, a saturation of 87% and a lightness of 45.1%. #d7700f color hex could be obtained by blending #ffe01e with #af0000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 84
- G 44
- B 6
RGB color chart
- C 0
- M 48
- Y 93
- K 16
CMYK color chart

● #d7700f color description : Strong orange.

The hexadecimal color #d7700f has RGB values of R:215, G:112, B:15 and CMYK values of C:0, M:0.48, Y:0.93, K:0.16. Its decimal value is 14118927.

Hex triplet	d7700f	`#d7700f`
RGB Decimal	215, 112, 15	`rgb(215,112,15)`
RGB Percent	84.3, 43.9, 5.9	`rgb(84.3%,43.9%,5.9%)`
CMYK	0, 48, 93, 16
HSL	29.1°, 87, 45.1	`hsl(29.1,87%,45.1%)`
HSV (or HSB)	29.1°, 93, 84.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	58.106, 35.185, 62.995
XYZ	33.906, 26.073, 3.699
xyY	0.532, 0.409, 26.073
CIE-LCH	58.106, 72.155, 60.815
CIE-LUV	58.106, 85.475, 52.686
Hunter-Lab	51.062, 29.169, 31.448
Binary	11010111, 01110000, 00001111

#d7700f
```
#d7700f rgb(215,112,15)
```
#0f76d7
```
#0f76d7 rgb(15,118,215)
```

Complementary Color

#d70f12
```
#d70f12 rgb(215,15,18)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#d7d40f
```
#d7d40f rgb(215,212,15)
```

Analogous Color

#0f12d7
```
#0f12d7 rgb(15,18,215)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#0fd7d4
```
#0fd7d4 rgb(15,215,212)
```

Split Complementary Color

#700fd7
```
#700fd7 rgb(112,15,215)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#0fd770
```
#0fd770 rgb(15,215,112)
```

Triadic Color

#d70f76
```
#d70f76 rgb(215,15,118)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#0fd770
```
#0fd770 rgb(15,215,112)
```
#0f76d7
```
#0f76d7 rgb(15,118,215)
```

Tetradic Color

#8f4b0a
```
#8f4b0a rgb(143,75,10)
```
#a7570c
```
#a7570c rgb(167,87,12)
```
#bf640d
```
#bf640d rgb(191,100,13)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#ee7c11
```
#ee7c11 rgb(238,124,17)
```
#f08a29
```
#f08a29 rgb(240,138,41)
```
#f29741
```
#f29741 rgb(242,151,65)
```

Monochromatic Color

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

#d73e0f
```
#d73e0f rgb(215,62,15)
```
#d74f0f
```
#d74f0f rgb(215,79,15)
```
#d75f0f
```
#d75f0f rgb(215,95,15)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#d7810f
```
#d7810f rgb(215,129,15)
```
#d7910f
```
#d7910f rgb(215,145,15)
```
#d7a20f
```
#d7a20f rgb(215,162,15)
```

Similar Colors

Text with hexadecimal color #d7700f

This text has a font color of #d7700f.

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

#d7700f background color

This paragraph has a background color of #d7700f.

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

#d7700f border color

This element has a border color of #d7700f.

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

CSS codes

.text {color:#d7700f;}

.background {background-color:#d7700f;}

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

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

#0d0701
```
#0d0701 rgb(13,7,1)
```
#201002
```
#201002 rgb(32,16,2)
```
#321a03
```
#321a03 rgb(50,26,3)
```
#442405
```
#442405 rgb(68,36,5)
```
#572d06
```
#572d06 rgb(87,45,6)
```
#693707
```
#693707 rgb(105,55,7)
```
#7b4009
```
#7b4009 rgb(123,64,9)
```
#8e4a0a
```
#8e4a0a rgb(142,74,10)
```
#a0530b
```
#a0530b rgb(160,83,11)
```
#b25d0c
```
#b25d0c rgb(178,93,12)
```
#c5660e
```
#c5660e rgb(197,102,14)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#e97a10
```
#e97a10 rgb(233,122,16)
```

Shade Color Variation

#ef831e
```
#ef831e rgb(239,131,30)
```
#f18e30
```
#f18e30 rgb(241,142,48)
```
#f29843
```
#f29843 rgb(242,152,67)
```
#f3a255
```
#f3a255 rgb(243,162,85)
```
#f4ac67
```
#f4ac67 rgb(244,172,103)
```
#f6b67a
```
#f6b67a rgb(246,182,122)
```
#f7c08c
```
#f7c08c rgb(247,192,140)
```
#f8ca9e
```
#f8ca9e rgb(248,202,158)
```
#fad4b1
```
#fad4b1 rgb(250,212,177)
```
#fbdec3
```
#fbdec3 rgb(251,222,195)
```
#fce8d5
```
#fce8d5 rgb(252,232,213)
```
#fdf2e8
```
#fdf2e8 rgb(253,242,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#767370
```
#767370 rgb(118,115,112)
```
#7f7367
```
#7f7367 rgb(127,115,103)
```
#87725f
```
#87725f rgb(135,114,95)
```
#907256
```
#907256 rgb(144,114,86)
```
#99724d
```
#99724d rgb(153,114,77)
```
#a27244
```
#a27244 rgb(162,114,68)
```
#ab713b
```
#ab713b rgb(171,113,59)
```
#b47132
```
#b47132 rgb(180,113,50)
```
#bc712a
```
#bc712a rgb(188,113,42)
```
#c57121
```
#c57121 rgb(197,113,33)
```
#ce7018
```
#ce7018 rgb(206,112,24)
```
#d7700f
```
#d7700f rgb(215,112,15)
```
#e07006
```
#e07006 rgb(224,112,6)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#95806d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39122 Protanopia 1% of men
#b68a00 Deuteranopia 1% of men
#dc6f76 Tritanopia 0.001% of the population

Trichromacy

#b5851b Protanomaly 1% of men, 0.01% of women
#c28005 Deuteranomaly 6% of men, 0.4% of women
#da6f51 Tritanomaly 0.01% of the population

#d7700f hex color

#d7700f Color Information

#d7700f Color Conversion

Color Schemes with #d7700f

Alternatives to #d7700f

#d7700f Preview

Shades and Tints of #d7700f

Tones of #d7700f

Color Blindness Simulator