#7c3316 hex color

In a RGB color space, hex #7c3316 is composed of 48.6% red, 20% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.9% magenta, 82.3% yellow and 51.4% black. It has a hue angle of 17.1 degrees, a saturation of 69.9% and a lightness of 28.6%. #7c3316 color hex could be obtained by blending #f8662c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 49
- G 20
- B 9
RGB color chart
- C 0
- M 59
- Y 82
- K 51
CMYK color chart

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

The hexadecimal color #7c3316 has RGB values of R:124, G:51, B:22 and CMYK values of C:0, M:0.59, Y:0.82, K:0.51. Its decimal value is 8139542.

Hex triplet	7c3316	`#7c3316`
RGB Decimal	124, 51, 22	`rgb(124,51,22)`
RGB Percent	48.6, 20, 8.6	`rgb(48.6%,20%,8.6%)`
CMYK	0, 59, 82, 51
HSL	17.1°, 69.9, 28.6	`hsl(17.1,69.9%,28.6%)`
HSV (or HSB)	17.1°, 82.3, 48.6
Web Safe	663300	`#663300`

CIE-LAB	31.141, 29.99, 32.84
XYZ	9.641, 6.712, 1.547
xyY	0.539, 0.375, 6.712
CIE-LCH	31.141, 44.473, 47.597
CIE-LUV	31.141, 55.719, 23.125
Hunter-Lab	25.907, 21.092, 14.595
Binary	01111100, 00110011, 00010110

#7c3316
```
#7c3316 rgb(124,51,22)
```
#165f7c
```
#165f7c rgb(22,95,124)
```

Complementary Color

#7c162c
```
#7c162c rgb(124,22,44)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#7c6616
```
#7c6616 rgb(124,102,22)
```

Analogous Color

#162c7c
```
#162c7c rgb(22,44,124)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#167c66
```
#167c66 rgb(22,124,102)
```

Split Complementary Color

#33167c
```
#33167c rgb(51,22,124)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#167c33
```
#167c33 rgb(22,124,51)
```

Triadic Color

#7c165f
```
#7c165f rgb(124,22,95)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#167c33
```
#167c33 rgb(22,124,51)
```
#165f7c
```
#165f7c rgb(22,95,124)
```

Tetradic Color

#3b180a
```
#3b180a rgb(59,24,10)
```
#51210e
```
#51210e rgb(81,33,14)
```
#662a12
```
#662a12 rgb(102,42,18)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#923c1a
```
#923c1a rgb(146,60,26)
```
#a7451e
```
#a7451e rgb(167,69,30)
```
#bd4e22
```
#bd4e22 rgb(189,78,34)
```

Monochromatic Color

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

#7c1a16
```
#7c1a16 rgb(124,26,22)
```
#7c2216
```
#7c2216 rgb(124,34,22)
```
#7c2b16
```
#7c2b16 rgb(124,43,22)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#7c3c16
```
#7c3c16 rgb(124,60,22)
```
#7c4416
```
#7c4416 rgb(124,68,22)
```
#7c4d16
```
#7c4d16 rgb(124,77,22)
```

Similar Colors

Text with hexadecimal color #7c3316

This text has a font color of #7c3316.

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

#7c3316 background color

This paragraph has a background color of #7c3316.

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

#7c3316 border color

This element has a border color of #7c3316.

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

CSS codes

.text {color:#7c3316;}

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

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

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, #070301 is the darkest color, while #fdf8f6 is the lightest one.

#070301
```
#070301 rgb(7,3,1)
```
#180a04
```
#180a04 rgb(24,10,4)
```
#291107
```
#291107 rgb(41,17,7)
```
#39180a
```
#39180a rgb(57,24,10)
```
#4a1e0d
```
#4a1e0d rgb(74,30,13)
```
#5b2510
```
#5b2510 rgb(91,37,16)
```
#6b2c13
```
#6b2c13 rgb(107,44,19)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#8d3a19
```
#8d3a19 rgb(141,58,25)
```
#9d411c
```
#9d411c rgb(157,65,28)
```
#ae481f
```
#ae481f rgb(174,72,31)
```
#bf4e22
```
#bf4e22 rgb(191,78,34)
```
#cf5525
```
#cf5525 rgb(207,85,37)
```

Shade Color Variation

#da5f2e
```
#da5f2e rgb(218,95,46)
```
#dd6b3e
```
#dd6b3e rgb(221,107,62)
```
#e0784f
```
#e0784f rgb(224,120,79)
```
#e38560
```
#e38560 rgb(227,133,96)
```
#e69270
```
#e69270 rgb(230,146,112)
```
#e99f81
```
#e99f81 rgb(233,159,129)
```
#ecab92
```
#ecab92 rgb(236,171,146)
```
#efb8a2
```
#efb8a2 rgb(239,184,162)
```
#f2c5b3
```
#f2c5b3 rgb(242,197,179)
```
#f4d2c4
```
#f4d2c4 rgb(244,210,196)
```
#f7ded4
```
#f7ded4 rgb(247,222,212)
```
#faebe5
```
#faebe5 rgb(250,235,229)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#494949
```
#494949 rgb(73,73,73)
```
#4f4643
```
#4f4643 rgb(79,70,67)
```
#55443d
```
#55443d rgb(85,68,61)
```
#5a4238
```
#5a4238 rgb(90,66,56)
```
#603f32
```
#603f32 rgb(96,63,50)
```
#663d2c
```
#663d2c rgb(102,61,44)
```
#6b3a27
```
#6b3a27 rgb(107,58,39)
```
#713821
```
#713821 rgb(113,56,33)
```
#76351c
```
#76351c rgb(118,53,28)
```
#7c3316
```
#7c3316 rgb(124,51,22)
```
#823110
```
#823110 rgb(130,49,16)
```
#872e0b
```
#872e0b rgb(135,46,11)
```
#8d2c05
```
#8d2c05 rgb(141,44,5)
```

Tone Color Variation

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

#5b5228 Protanopia 1% of men
#664e1c Deuteranopia 1% of men
#843a3d Tritanopia 0.001% of the population

Trichromacy

#674721 Protanomaly 1% of men, 0.01% of women
#6e441a Deuteranomaly 6% of men, 0.4% of women
#81372f Tritanomaly 0.01% of the population

#7c3316 hex color

#7c3316 Color Information

#7c3316 Color Conversion

Color Schemes with #7c3316

Alternatives to #7c3316

#7c3316 Preview

Shades and Tints of #7c3316

Tones of #7c3316

Color Blindness Simulator