#7f4316 hex color

In a RGB color space, hex #7f4316 is composed of 49.8% red, 26.3% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 82.7% yellow and 50.2% black. It has a hue angle of 25.7 degrees, a saturation of 70.5% and a lightness of 29.2%. #7f4316 color hex could be obtained by blending #fe862c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 50
- G 26
- B 9
RGB color chart
- C 0
- M 47
- Y 83
- K 50
CMYK color chart

● #7f4316 color description : Dark orange [Brown tone].

The hexadecimal color #7f4316 has RGB values of R:127, G:67, B:22 and CMYK values of C:0, M:0.47, Y:0.83, K:0.5. Its decimal value is 8340246.

Hex triplet	7f4316	`#7f4316`
RGB Decimal	127, 67, 22	`rgb(127,67,22)`
RGB Percent	49.8, 26.3, 8.6	`rgb(49.8%,26.3%,8.6%)`
CMYK	0, 47, 83, 50
HSL	25.7°, 70.5, 29.2	`hsl(25.7,70.5%,29.2%)`
HSV (or HSB)	25.7°, 82.7, 49.8
Web Safe	663300	`#663300`

CIE-LAB	35.173, 22.383, 36.889
XYZ	10.905, 8.585, 1.842
xyY	0.511, 0.402, 8.585
CIE-LCH	35.173, 43.148, 58.752
CIE-LUV	35.173, 46.89, 29.161
Hunter-Lab	29.301, 15.156, 16.783
Binary	01111111, 01000011, 00010110

#7f4316
```
#7f4316 rgb(127,67,22)
```
#16527f
```
#16527f rgb(22,82,127)
```

Complementary Color

#7f161e
```
#7f161e rgb(127,22,30)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#7f7816
```
#7f7816 rgb(127,120,22)
```

Analogous Color

#161e7f
```
#161e7f rgb(22,30,127)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#167f78
```
#167f78 rgb(22,127,120)
```

Split Complementary Color

#43167f
```
#43167f rgb(67,22,127)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#167f43
```
#167f43 rgb(22,127,67)
```

Triadic Color

#7f1652
```
#7f1652 rgb(127,22,82)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#167f43
```
#167f43 rgb(22,127,67)
```
#16527f
```
#16527f rgb(22,82,127)
```

Tetradic Color

#3e210b
```
#3e210b rgb(62,33,11)
```
#542c0e
```
#542c0e rgb(84,44,14)
```
#693812
```
#693812 rgb(105,56,18)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#954e1a
```
#954e1a rgb(149,78,26)
```
#aa5a1e
```
#aa5a1e rgb(170,90,30)
```
#c06521
```
#c06521 rgb(192,101,33)
```

Monochromatic Color

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

#7f2916
```
#7f2916 rgb(127,41,22)
```
#7f3216
```
#7f3216 rgb(127,50,22)
```
#7f3a16
```
#7f3a16 rgb(127,58,22)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#7f4c16
```
#7f4c16 rgb(127,76,22)
```
#7f5516
```
#7f5516 rgb(127,85,22)
```
#7f5d16
```
#7f5d16 rgb(127,93,22)
```

Similar Colors

Text with hexadecimal color #7f4316

This text has a font color of #7f4316.

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

#7f4316 background color

This paragraph has a background color of #7f4316.

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

#7f4316 border color

This element has a border color of #7f4316.

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

CSS codes

.text {color:#7f4316;}

.background {background-color:#7f4316;}

.border {border:1px solid #7f4316;}

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1b0e05
```
#1b0e05 rgb(27,14,5)
```
#2b1708
```
#2b1708 rgb(43,23,8)
```
#3c200a
```
#3c200a rgb(60,32,10)
```
#4d290d
```
#4d290d rgb(77,41,13)
```
#5e3110
```
#5e3110 rgb(94,49,16)
```
#6e3a13
```
#6e3a13 rgb(110,58,19)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#904c19
```
#904c19 rgb(144,76,25)
```
#a0551c
```
#a0551c rgb(160,85,28)
```
#b15d1f
```
#b15d1f rgb(177,93,31)
```
#c26622
```
#c26622 rgb(194,102,34)
```
#d36f24
```
#d36f24 rgb(211,111,36)
```

Shade Color Variation

#db7930
```
#db7930 rgb(219,121,48)
```
#de8440
```
#de8440 rgb(222,132,64)
```
#e18f51
```
#e18f51 rgb(225,143,81)
```
#e49962
```
#e49962 rgb(228,153,98)
```
#e7a472
```
#e7a472 rgb(231,164,114)
```
#eaaf83
```
#eaaf83 rgb(234,175,131)
```
#ecba94
```
#ecba94 rgb(236,186,148)
```
#efc5a5
```
#efc5a5 rgb(239,197,165)
```
#f2cfb5
```
#f2cfb5 rgb(242,207,181)
```
#f5dac6
```
#f5dac6 rgb(245,218,198)
```
#f8e5d7
```
#f8e5d7 rgb(248,229,215)
```
#fbf0e8
```
#fbf0e8 rgb(251,240,232)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#4b4a4a
```
#4b4a4a rgb(75,74,74)
```
#514a44
```
#514a44 rgb(81,74,68)
```
#57493e
```
#57493e rgb(87,73,62)
```
#5d4838
```
#5d4838 rgb(93,72,56)
```
#624733
```
#624733 rgb(98,71,51)
```
#68462d
```
#68462d rgb(104,70,45)
```
#6e4527
```
#6e4527 rgb(110,69,39)
```
#744521
```
#744521 rgb(116,69,33)
```
#79441c
```
#79441c rgb(121,68,28)
```
#7f4316
```
#7f4316 rgb(127,67,22)
```
#854210
```
#854210 rgb(133,66,16)
```
#8a410b
```
#8a410b rgb(138,65,11)
```
#904105
```
#904105 rgb(144,65,5)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#594d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#655b26 Protanopia 1% of men
#71571d Deuteranopia 1% of men
#87484d Tritanopia 0.001% of the population

Trichromacy

#6e5220 Protanomaly 1% of men, 0.01% of women
#764f1b Deuteranomaly 6% of men, 0.4% of women
#844639 Tritanomaly 0.01% of the population

#7f4316 hex color

#7f4316 Color Information

#7f4316 Color Conversion

Color Schemes with #7f4316

Alternatives to #7f4316

#7f4316 Preview

Shades and Tints of #7f4316

Tones of #7f4316

Color Blindness Simulator