#7c3e1f hex color

In a RGB color space, hex #7c3e1f is composed of 48.6% red, 24.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 75% yellow and 51.4% black. It has a hue angle of 20 degrees, a saturation of 60% and a lightness of 30.4%. #7c3e1f color hex could be obtained by blending #f87c3e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 49
- G 24
- B 12
RGB color chart
- C 0
- M 50
- Y 75
- K 51
CMYK color chart

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

The hexadecimal color #7c3e1f has RGB values of R:124, G:62, B:31 and CMYK values of C:0, M:0.5, Y:0.75, K:0.51. Its decimal value is 8142367.

Hex triplet	7c3e1f	`#7c3e1f`
RGB Decimal	124, 62, 31	`rgb(124,62,31)`
RGB Percent	48.6, 24.3, 12.2	`rgb(48.6%,24.3%,12.2%)`
CMYK	0, 50, 75, 51
HSL	20°, 60, 30.4	`hsl(20,60%,30.4%)`
HSV (or HSB)	20°, 75, 48.6
Web Safe	663333	`#663333`

CIE-LAB	33.627, 24.336, 30.549
XYZ	10.282, 7.83, 2.266
xyY	0.505, 0.384, 7.83
CIE-LCH	33.627, 39.058, 51.458
CIE-LUV	33.627, 47.16, 24.255
Hunter-Lab	27.982, 16.623, 14.786
Binary	01111100, 00111110, 00011111

#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#1f5d7c
```
#1f5d7c rgb(31,93,124)
```

Complementary Color

#7c1f2e
```
#7c1f2e rgb(124,31,46)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#7c6d1f
```
#7c6d1f rgb(124,109,31)
```

Analogous Color

#1f2e7c
```
#1f2e7c rgb(31,46,124)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#1f7c6d
```
#1f7c6d rgb(31,124,109)
```

Split Complementary Color

#3e1f7c
```
#3e1f7c rgb(62,31,124)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#1f7c3e
```
#1f7c3e rgb(31,124,62)
```

Triadic Color

#7c1f5d
```
#7c1f5d rgb(124,31,93)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#1f7c3e
```
#1f7c3e rgb(31,124,62)
```
#1f5d7c
```
#1f5d7c rgb(31,93,124)
```

Tetradic Color

#3f1f10
```
#3f1f10 rgb(63,31,16)
```
#532a15
```
#532a15 rgb(83,42,21)
```
#68341a
```
#68341a rgb(104,52,26)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#904824
```
#904824 rgb(144,72,36)
```
#a55229
```
#a55229 rgb(165,82,41)
```
#b95d2e
```
#b95d2e rgb(185,93,46)
```

Monochromatic Color

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

#7c271f
```
#7c271f rgb(124,39,31)
```
#7c2f1f
```
#7c2f1f rgb(124,47,31)
```
#7c361f
```
#7c361f rgb(124,54,31)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#7c461f
```
#7c461f rgb(124,70,31)
```
#7c4e1f
```
#7c4e1f rgb(124,78,31)
```
#7c551f
```
#7c551f rgb(124,85,31)
```

Similar Colors

Text with hexadecimal color #7c3e1f

This text has a font color of #7c3e1f.

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

#7c3e1f background color

This paragraph has a background color of #7c3e1f.

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

#7c3e1f border color

This element has a border color of #7c3e1f.

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

CSS codes

.text {color:#7c3e1f;}

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

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

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

#0e0704
```
#0e0704 rgb(14,7,4)
```
#1e0f07
```
#1e0f07 rgb(30,15,7)
```
#2e170b
```
#2e170b rgb(46,23,11)
```
#3d1f0f
```
#3d1f0f rgb(61,31,15)
```
#4d2613
```
#4d2613 rgb(77,38,19)
```
#5d2e17
```
#5d2e17 rgb(93,46,23)
```
#6c361b
```
#6c361b rgb(108,54,27)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#8c4623
```
#8c4623 rgb(140,70,35)
```
#9b4e27
```
#9b4e27 rgb(155,78,39)
```
#ab562b
```
#ab562b rgb(171,86,43)
```
#bb5d2f
```
#bb5d2f rgb(187,93,47)
```
#ca6533
```
#ca6533 rgb(202,101,51)
```

Shade Color Variation

#d07141
```
#d07141 rgb(208,113,65)
```
#d37c51
```
#d37c51 rgb(211,124,81)
```
#d78861
```
#d78861 rgb(215,136,97)
```
#db9470
```
#db9470 rgb(219,148,112)
```
#dfa080
```
#dfa080 rgb(223,160,128)
```
#e3ab90
```
#e3ab90 rgb(227,171,144)
```
#e7b79f
```
#e7b79f rgb(231,183,159)
```
#ebc3af
```
#ebc3af rgb(235,195,175)
```
#efcfbf
```
#efcfbf rgb(239,207,191)
```
#f3dbce
```
#f3dbce rgb(243,219,206)
```
#f7e6de
```
#f7e6de rgb(247,230,222)
```
#fbf2ee
```
#fbf2ee rgb(251,242,238)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#524c49
```
#524c49 rgb(82,76,73)
```
#584a43
```
#584a43 rgb(88,74,67)
```
#5e483d
```
#5e483d rgb(94,72,61)
```
#644637
```
#644637 rgb(100,70,55)
```
#6a4431
```
#6a4431 rgb(106,68,49)
```
#70422b
```
#70422b rgb(112,66,43)
```
#764025
```
#764025 rgb(118,64,37)
```
#7c3e1f
```
#7c3e1f rgb(124,62,31)
```
#823c19
```
#823c19 rgb(130,60,25)
```
#883a13
```
#883a13 rgb(136,58,19)
```
#8e380d
```
#8e380d rgb(142,56,13)
```
#943607
```
#943607 rgb(148,54,7)
```
#9a3401
```
#9a3401 rgb(154,52,1)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#564a44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61582f Protanopia 1% of men
#6c5426 Deuteranopia 1% of men
#844448 Tritanopia 0.001% of the population

Trichromacy

#6a4e29 Protanomaly 1% of men, 0.01% of women
#724c24 Deuteranomaly 6% of men, 0.4% of women
#814239 Tritanomaly 0.01% of the population

#7c3e1f hex color

#7c3e1f Color Information

#7c3e1f Color Conversion

Color Schemes with #7c3e1f

Alternatives to #7c3e1f

#7c3e1f Preview

Shades and Tints of #7c3e1f

Tones of #7c3e1f

Color Blindness Simulator