colorhexa.com

#7c3c1e hex color

In a RGB color space, hex #7c3c1e is composed of 48.6% red, 23.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.6% magenta, 75.8% yellow and 51.4% black. It has a hue angle of 19.1 degrees, a saturation of 61% and a lightness of 30.2%. #7c3c1e color hex could be obtained by blending #f8783c with #000000. Closest websafe color is: #663333.

- R 49
- G 24
- B 12
RGB color chart
- C 0
- M 52
- Y 76
- K 51
CMYK color chart

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

The hexadecimal color #7c3c1e has RGB values of R:124, G:60, B:30 and CMYK values of C:0, M:0.52, Y:0.76, K:0.51. Its decimal value is 8141854.

Hex triplet	7c3c1e	`#7c3c1e`
RGB Decimal	124, 60, 30	`rgb(124,60,30)`
RGB Percent	48.6, 23.5, 11.8	`rgb(48.6%,23.5%,11.8%)`
CMYK	0, 52, 76, 51
HSL	19.1°, 61, 30.2	`hsl(19.1,61%,30.2%)`
HSV (or HSB)	19.1°, 75.8, 48.6
Web Safe	663333	`#663333`

CIE-LAB	33.16, 25.419, 30.599
XYZ	10.163, 7.611, 2.162
xyY	0.51, 0.382, 7.611
CIE-LCH	33.16, 39.78, 50.284
CIE-LUV	33.16, 48.668, 23.84
Hunter-Lab	27.589, 17.472, 14.666
Binary	01111100, 00111100, 00011110

#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#1e5e7c
```
#1e5e7c rgb(30,94,124)
```

Complementary Color

#7c1e2f
```
#7c1e2f rgb(124,30,47)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#7c6b1e
```
#7c6b1e rgb(124,107,30)
```

Analogous Color

#1e2f7c
```
#1e2f7c rgb(30,47,124)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#1e7c6b
```
#1e7c6b rgb(30,124,107)
```

Split Complementary Color

#3c1e7c
```
#3c1e7c rgb(60,30,124)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#1e7c3c
```
#1e7c3c rgb(30,124,60)
```

Triadic Color

#3e1e0f
```
#3e1e0f rgb(62,30,15)
```
#532814
```
#532814 rgb(83,40,20)
```
#673219
```
#673219 rgb(103,50,25)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#914623
```
#914623 rgb(145,70,35)
```
#a55028
```
#a55028 rgb(165,80,40)
```
#ba5a2d
```
#ba5a2d rgb(186,90,45)
```

Monochromatic Color

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

#7c251e
```
#7c251e rgb(124,37,30)
```
#7c2c1e
```
#7c2c1e rgb(124,44,30)
```
#7c341e
```
#7c341e rgb(124,52,30)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#7c441e
```
#7c441e rgb(124,68,30)
```
#7c4c1e
```
#7c4c1e rgb(124,76,30)
```
#7c541e
```
#7c541e rgb(124,84,30)
```

Similar Colors

Text with hexadecimal color #7c3c1e

This text has a font color of #7c3c1e.

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

#7c3c1e background color

This paragraph has a background color of #7c3c1e.

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

#7c3c1e border color

This element has a border color of #7c3c1e.

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

CSS codes

.text {color:#7c3c1e;}

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

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

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

#0d0703
```
#0d0703 rgb(13,7,3)
```
#1d0e07
```
#1d0e07 rgb(29,14,7)
```
#2d160b
```
#2d160b rgb(45,22,11)
```
#3d1d0f
```
#3d1d0f rgb(61,29,15)
```
#4d2513
```
#4d2513 rgb(77,37,19)
```
#5c2d16
```
#5c2d16 rgb(92,45,22)
```
#6c341a
```
#6c341a rgb(108,52,26)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#8c4422
```
#8c4422 rgb(140,68,34)
```
#9c4b26
```
#9c4b26 rgb(156,75,38)
```
#ab5329
```
#ab5329 rgb(171,83,41)
```
#bb5b2d
```
#bb5b2d rgb(187,91,45)
```
#cb6231
```
#cb6231 rgb(203,98,49)
```

Shade Color Variation

#d16e3f
```
#d16e3f rgb(209,110,63)
```
#d47a4f
```
#d47a4f rgb(212,122,79)
```
#d8855f
```
#d8855f rgb(216,133,95)
```
#dc916e
```
#dc916e rgb(220,145,110)
```
#e09d7e
```
#e09d7e rgb(224,157,126)
```
#e4a98e
```
#e4a98e rgb(228,169,142)
```
#e8b59e
```
#e8b59e rgb(232,181,158)
```
#ebc1ae
```
#ebc1ae rgb(235,193,174)
```
#efcdbd
```
#efcdbd rgb(239,205,189)
```
#f3d9cd
```
#f3d9cd rgb(243,217,205)
```
#f7e5dd
```
#f7e5dd rgb(247,229,221)
```
#fbf1ed
```
#fbf1ed rgb(251,241,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#534b47
```
#534b47 rgb(83,75,71)
```
#584942
```
#584942 rgb(88,73,66)
```
#5e473c
```
#5e473c rgb(94,71,60)
```
#644536
```
#644536 rgb(100,69,54)
```
#6a4230
```
#6a4230 rgb(106,66,48)
```
#70402a
```
#70402a rgb(112,64,42)
```
#763e24
```
#763e24 rgb(118,62,36)
```
#7c3c1e
```
#7c3c1e rgb(124,60,30)
```
#823a18
```
#823a18 rgb(130,58,24)
```
#883812
```
#883812 rgb(136,56,18)
```
#8e360c
```
#8e360c rgb(142,54,12)
```
#943306
```
#943306 rgb(148,51,6)
```
#9a3100
```
#9a3100 rgb(154,49,0)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#564943 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f572e Protanopia 1% of men
#6b5325 Deuteranopia 1% of men
#844246 Tritanopia 0.001% of the population

Trichromacy

#6a4d28 Protanomaly 1% of men, 0.01% of women
#714a22 Deuteranomaly 6% of men, 0.4% of women
#814038 Tritanomaly 0.01% of the population