#7f3316 hex color

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

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

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

The hexadecimal color #7f3316 has RGB values of R:127, G:51, B:22 and CMYK values of C:0, M:0.6, Y:0.83, K:0.5. Its decimal value is 8336150.

Hex triplet	7f3316	`#7f3316`
RGB Decimal	127, 51, 22	`rgb(127,51,22)`
RGB Percent	49.8, 20, 8.6	`rgb(49.8%,20%,8.6%)`
CMYK	0, 60, 83, 50
HSL	16.6°, 70.5, 29.2	`hsl(16.6,70.5%,29.2%)`
HSV (or HSB)	16.6°, 82.7, 49.8
Web Safe	663300	`#663300`

CIE-LAB	31.667, 31.221, 33.531
XYZ	10.081, 6.939, 1.567
xyY	0.542, 0.373, 6.939
CIE-LCH	31.667, 45.816, 47.043
CIE-LUV	31.667, 58.219, 23.481
Hunter-Lab	26.341, 22.219, 14.911
Binary	01111111, 00110011, 00010110

#7f3316
```
#7f3316 rgb(127,51,22)
```
#16627f
```
#16627f rgb(22,98,127)
```

Complementary Color

#7f162e
```
#7f162e rgb(127,22,46)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#7f6816
```
#7f6816 rgb(127,104,22)
```

Analogous Color

#162e7f
```
#162e7f rgb(22,46,127)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#167f68
```
#167f68 rgb(22,127,104)
```

Split Complementary Color

#33167f
```
#33167f rgb(51,22,127)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#167f33
```
#167f33 rgb(22,127,51)
```

Triadic Color

#7f1662
```
#7f1662 rgb(127,22,98)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#167f33
```
#167f33 rgb(22,127,51)
```
#16627f
```
#16627f rgb(22,98,127)
```

Tetradic Color

#3e190b
```
#3e190b rgb(62,25,11)
```
#54220e
```
#54220e rgb(84,34,14)
```
#692a12
```
#692a12 rgb(105,42,18)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#953c1a
```
#953c1a rgb(149,60,26)
```
#aa441e
```
#aa441e rgb(170,68,30)
```
#c04d21
```
#c04d21 rgb(192,77,33)
```

Monochromatic Color

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

#7f1916
```
#7f1916 rgb(127,25,22)
```
#7f2216
```
#7f2216 rgb(127,34,22)
```
#7f2a16
```
#7f2a16 rgb(127,42,22)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#7f3c16
```
#7f3c16 rgb(127,60,22)
```
#7f4516
```
#7f4516 rgb(127,69,22)
```
#7f4d16
```
#7f4d16 rgb(127,77,22)
```

Similar Colors

Text with hexadecimal color #7f3316

This text has a font color of #7f3316.

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

#7f3316 background color

This paragraph has a background color of #7f3316.

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

#7f3316 border color

This element has a border color of #7f3316.

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

CSS codes

.text {color:#7f3316;}

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

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

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

#0a0402
```
#0a0402 rgb(10,4,2)
```
#1b0b05
```
#1b0b05 rgb(27,11,5)
```
#2b1108
```
#2b1108 rgb(43,17,8)
```
#3c180a
```
#3c180a rgb(60,24,10)
```
#4d1f0d
```
#4d1f0d rgb(77,31,13)
```
#5e2610
```
#5e2610 rgb(94,38,16)
```
#6e2c13
```
#6e2c13 rgb(110,44,19)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#903a19
```
#903a19 rgb(144,58,25)
```
#a0401c
```
#a0401c rgb(160,64,28)
```
#b1471f
```
#b1471f rgb(177,71,31)
```
#c24e22
```
#c24e22 rgb(194,78,34)
```
#d35524
```
#d35524 rgb(211,85,36)
```

Shade Color Variation

#db5f30
```
#db5f30 rgb(219,95,48)
```
#de6c40
```
#de6c40 rgb(222,108,64)
```
#e17951
```
#e17951 rgb(225,121,81)
```
#e48662
```
#e48662 rgb(228,134,98)
```
#e79372
```
#e79372 rgb(231,147,114)
```
#ea9f83
```
#ea9f83 rgb(234,159,131)
```
#ecac94
```
#ecac94 rgb(236,172,148)
```
#efb9a5
```
#efb9a5 rgb(239,185,165)
```
#f2c6b5
```
#f2c6b5 rgb(242,198,181)
```
#f5d3c6
```
#f5d3c6 rgb(245,211,198)
```
#f8e0d7
```
#f8e0d7 rgb(248,224,215)
```
#fbede8
```
#fbede8 rgb(251,237,232)
```
#fefaf8
```
#fefaf8 rgb(254,250,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 #902b05 is the most saturated one.

#4b4a4a
```
#4b4a4a rgb(75,74,74)
```
#514844
```
#514844 rgb(81,72,68)
```
#57453e
```
#57453e rgb(87,69,62)
```
#5d4238
```
#5d4238 rgb(93,66,56)
```
#624033
```
#624033 rgb(98,64,51)
```
#683d2d
```
#683d2d rgb(104,61,45)
```
#6e3b27
```
#6e3b27 rgb(110,59,39)
```
#743821
```
#743821 rgb(116,56,33)
```
#79361c
```
#79361c rgb(121,54,28)
```
#7f3316
```
#7f3316 rgb(127,51,22)
```
#853010
```
#853010 rgb(133,48,16)
```
#8a2e0b
```
#8a2e0b rgb(138,46,11)
```
#902b05
```
#902b05 rgb(144,43,5)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#51423c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5328 Protanopia 1% of men
#684f1b Deuteranopia 1% of men
#863a3d Tritanopia 0.001% of the population

Trichromacy

#694721 Protanomaly 1% of men, 0.01% of women
#704519 Deuteranomaly 6% of men, 0.4% of women
#83372f Tritanomaly 0.01% of the population

#7f3316 hex color

#7f3316 Color Information

#7f3316 Color Conversion

Color Schemes with #7f3316

Alternatives to #7f3316

#7f3316 Preview

Shades and Tints of #7f3316

Tones of #7f3316

Color Blindness Simulator