#7c4314 hex color

In a RGB color space, hex #7c4314 is composed of 48.6% red, 26.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46% magenta, 83.9% yellow and 51.4% black. It has a hue angle of 27.1 degrees, a saturation of 72.2% and a lightness of 28.2%. #7c4314 color hex could be obtained by blending #f88628 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 49
- G 26
- B 8
RGB color chart
- C 0
- M 46
- Y 84
- K 51
CMYK color chart

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

The hexadecimal color #7c4314 has RGB values of R:124, G:67, B:20 and CMYK values of C:0, M:0.46, Y:0.84, K:0.51. Its decimal value is 8143636.

Hex triplet	7c4314	`#7c4314`
RGB Decimal	124, 67, 20	`rgb(124,67,20)`
RGB Percent	48.6, 26.3, 7.8	`rgb(48.6%,26.3%,7.8%)`
CMYK	0, 46, 84, 51
HSL	27.1°, 72.2, 28.2	`hsl(27.1,72.2%,28.2%)`
HSV (or HSB)	27.1°, 83.9, 48.6
Web Safe	663300	`#663300`

CIE-LAB	34.703, 20.953, 37.202
XYZ	10.446, 8.351, 1.724
xyY	0.509, 0.407, 8.351
CIE-LCH	34.703, 42.697, 60.611
CIE-LUV	34.703, 44.552, 29.393
Hunter-Lab	28.898, 13.953, 16.692
Binary	01111100, 01000011, 00010100

#7c4314
```
#7c4314 rgb(124,67,20)
```
#144d7c
```
#144d7c rgb(20,77,124)
```

Complementary Color

#7c1419
```
#7c1419 rgb(124,20,25)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#7c7714
```
#7c7714 rgb(124,119,20)
```

Analogous Color

#14197c
```
#14197c rgb(20,25,124)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#147c77
```
#147c77 rgb(20,124,119)
```

Split Complementary Color

#43147c
```
#43147c rgb(67,20,124)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#147c43
```
#147c43 rgb(20,124,67)
```

Triadic Color

#7c144d
```
#7c144d rgb(124,20,77)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#147c43
```
#147c43 rgb(20,124,67)
```
#144d7c
```
#144d7c rgb(20,77,124)
```

Tetradic Color

#3a1f09
```
#3a1f09 rgb(58,31,9)
```
#502b0d
```
#502b0d rgb(80,43,13)
```
#663710
```
#663710 rgb(102,55,16)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#924f18
```
#924f18 rgb(146,79,24)
```
#a85b1b
```
#a85b1b rgb(168,91,27)
```
#be671f
```
#be671f rgb(190,103,31)
```

Monochromatic Color

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

#7c2914
```
#7c2914 rgb(124,41,20)
```
#7c3214
```
#7c3214 rgb(124,50,20)
```
#7c3a14
```
#7c3a14 rgb(124,58,20)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#7c4c14
```
#7c4c14 rgb(124,76,20)
```
#7c5414
```
#7c5414 rgb(124,84,20)
```
#7c5d14
```
#7c5d14 rgb(124,93,20)
```

Similar Colors

Text with hexadecimal color #7c4314

This text has a font color of #7c4314.

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

#7c4314 background color

This paragraph has a background color of #7c4314.

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

#7c4314 border color

This element has a border color of #7c4314.

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

CSS codes

.text {color:#7c4314;}

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

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

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

#060301
```
#060301 rgb(6,3,1)
```
#170c04
```
#170c04 rgb(23,12,4)
```
#281506
```
#281506 rgb(40,21,6)
```
#381e09
```
#381e09 rgb(56,30,9)
```
#49280c
```
#49280c rgb(73,40,12)
```
#5a310f
```
#5a310f rgb(90,49,15)
```
#6b3a11
```
#6b3a11 rgb(107,58,17)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#8d4c17
```
#8d4c17 rgb(141,76,23)
```
#9e5519
```
#9e5519 rgb(158,85,25)
```
#af5e1c
```
#af5e1c rgb(175,94,28)
```
#c0681f
```
#c0681f rgb(192,104,31)
```
#d07122
```
#d07122 rgb(208,113,34)
```

Shade Color Variation

#dd7a29
```
#dd7a29 rgb(221,122,41)
```
#df853a
```
#df853a rgb(223,133,58)
```
#e28f4b
```
#e28f4b rgb(226,143,75)
```
#e59a5c
```
#e59a5c rgb(229,154,92)
```
#e7a46d
```
#e7a46d rgb(231,164,109)
```
#eaaf7e
```
#eaaf7e rgb(234,175,126)
```
#edb98f
```
#edb98f rgb(237,185,143)
```
#f0c49f
```
#f0c49f rgb(240,196,159)
```
#f2ceb0
```
#f2ceb0 rgb(242,206,176)
```
#f5d9c1
```
#f5d9c1 rgb(245,217,193)
```
#f8e3d2
```
#f8e3d2 rgb(248,227,210)
```
#faeee3
```
#faeee3 rgb(250,238,227)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#4a4846
```
#4a4846 rgb(74,72,70)
```
#504740
```
#504740 rgb(80,71,64)
```
#55473b
```
#55473b rgb(85,71,59)
```
#5b4635
```
#5b4635 rgb(91,70,53)
```
#604630
```
#604630 rgb(96,70,48)
```
#66452a
```
#66452a rgb(102,69,42)
```
#6b4525
```
#6b4525 rgb(107,69,37)
```
#71441f
```
#71441f rgb(113,68,31)
```
#76441a
```
#76441a rgb(118,68,26)
```
#7c4314
```
#7c4314 rgb(124,67,20)
```
#82420e
```
#82420e rgb(130,66,14)
```
#874209
```
#874209 rgb(135,66,9)
```
#8d4103
```
#8d4103 rgb(141,65,3)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#584d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a23 Protanopia 1% of men
#70561c Deuteranopia 1% of men
#85484c Tritanopia 0.001% of the population

Trichromacy

#6d521e Protanomaly 1% of men, 0.01% of women
#744f19 Deuteranomaly 6% of men, 0.4% of women
#814638 Tritanomaly 0.01% of the population

#7c4314 hex color

#7c4314 Color Information

#7c4314 Color Conversion

Color Schemes with #7c4314

Alternatives to #7c4314

#7c4314 Preview

Shades and Tints of #7c4314

Tones of #7c4314

Color Blindness Simulator