colorhexa.com

#7c5c31 hex color

In a RGB color space, hex #7c5c31 is composed of 48.6% red, 36.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.8% magenta, 60.5% yellow and 51.4% black. It has a hue angle of 34.4 degrees, a saturation of 43.4% and a lightness of 33.9%. #7c5c31 color hex could be obtained by blending #f8b862 with #000000. Closest websafe color is: #666633.

- R 49
- G 36
- B 19
RGB color chart
- C 0
- M 26
- Y 60
- K 51
CMYK color chart

● #7c5c31 color description : Dark moderate orange.

The hexadecimal color #7c5c31 has RGB values of R:124, G:92, B:49 and CMYK values of C:0, M:0.26, Y:0.6, K:0.51. Its decimal value is 8150065.

Hex triplet	7c5c31	`#7c5c31`
RGB Decimal	124, 92, 49	`rgb(124,92,49)`
RGB Percent	48.6, 36.1, 19.2	`rgb(48.6%,36.1%,19.2%)`
CMYK	0, 26, 60, 51
HSL	34.4°, 43.4, 33.9	`hsl(34.4,43.4%,33.9%)`
HSV (or HSB)	34.4°, 60.5, 48.6
Web Safe	666633	`#666633`

CIE-LAB	41.472, 7.853, 29.512
XYZ	12.694, 12.162, 4.584
xyY	0.431, 0.413, 12.162
CIE-LCH	41.472, 30.539, 75.1
CIE-LUV	41.472, 24.397, 30.026
Hunter-Lab	34.874, 3.944, 16.617
Binary	01111100, 01011100, 00110001

#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#31517c
```
#31517c rgb(49,81,124)
```

Complementary Color

#7c3731
```
#7c3731 rgb(124,55,49)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#777c31
```
#777c31 rgb(119,124,49)
```

Analogous Color

#37317c
```
#37317c rgb(55,49,124)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#31777c
```
#31777c rgb(49,119,124)
```

Split Complementary Color

#5c317c
```
#5c317c rgb(92,49,124)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#317c5c
```
#317c5c rgb(49,124,92)
```

Triadic Color

#45331b
```
#45331b rgb(69,51,27)
```
#574123
```
#574123 rgb(87,65,35)
```
#6a4e2a
```
#6a4e2a rgb(106,78,42)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#8e6a38
```
#8e6a38 rgb(142,106,56)
```
#a1773f
```
#a1773f rgb(161,119,63)
```
#b38547
```
#b38547 rgb(179,133,71)
```

Monochromatic Color

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

#7c4931
```
#7c4931 rgb(124,73,49)
```
#7c5031
```
#7c5031 rgb(124,80,49)
```
#7c5631
```
#7c5631 rgb(124,86,49)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#7c6231
```
#7c6231 rgb(124,98,49)
```
#7c6931
```
#7c6931 rgb(124,105,49)
```
#7c6f31
```
#7c6f31 rgb(124,111,49)
```

Similar Colors

Text with hexadecimal color #7c5c31

This text has a font color of #7c5c31.

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

#7c5c31 background color

This paragraph has a background color of #7c5c31.

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

#7c5c31 border color

This element has a border color of #7c5c31.

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

CSS codes

.text {color:#7c5c31;}

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

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

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

#0c0905
```
#0c0905 rgb(12,9,5)
```
#1a130a
```
#1a130a rgb(26,19,10)
```
#281d10
```
#281d10 rgb(40,29,16)
```
#362815
```
#362815 rgb(54,40,21)
```
#44321b
```
#44321b rgb(68,50,27)
```
#523d20
```
#523d20 rgb(82,61,32)
```
#604726
```
#604726 rgb(96,71,38)
```
#6e522b
```
#6e522b rgb(110,82,43)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#8a6637
```
#8a6637 rgb(138,102,55)
```
#98713c
```
#98713c rgb(152,113,60)
```
#a67b42
```
#a67b42 rgb(166,123,66)
```
#b48647
```
#b48647 rgb(180,134,71)
```

Shade Color Variation

#bb8f54
```
#bb8f54 rgb(187,143,84)
```
#c19862
```
#c19862 rgb(193,152,98)
```
#c6a270
```
#c6a270 rgb(198,162,112)
```
#ccab7e
```
#ccab7e rgb(204,171,126)
```
#d2b48c
```
#d2b48c rgb(210,180,140)
```
#d7bd9a
```
#d7bd9a rgb(215,189,154)
```
#ddc6a8
```
#ddc6a8 rgb(221,198,168)
```
#e2cfb6
```
#e2cfb6 rgb(226,207,182)
```
#e8d9c4
```
#e8d9c4 rgb(232,217,196)
```
#ede2d2
```
#ede2d2 rgb(237,226,210)
```
#f3ebe0
```
#f3ebe0 rgb(243,235,224)
```
#f8f4ee
```
#f8f4ee rgb(248,244,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#5b5752
```
#5b5752 rgb(91,87,82)
```
#61584c
```
#61584c rgb(97,88,76)
```
#685945
```
#685945 rgb(104,89,69)
```
#6f5a3e
```
#6f5a3e rgb(111,90,62)
```
#755b38
```
#755b38 rgb(117,91,56)
```
#7c5c31
```
#7c5c31 rgb(124,92,49)
```
#835d2a
```
#835d2a rgb(131,93,42)
```
#895e24
```
#895e24 rgb(137,94,36)
```
#905f1d
```
#905f1d rgb(144,95,29)
```
#976016
```
#976016 rgb(151,96,22)
```
#9d6110
```
#9d6110 rgb(157,97,16)
```
#a46209
```
#a46209 rgb(164,98,9)
```
#ab6302
```
#ab6302 rgb(171,99,2)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#666057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746a3d Protanopia 1% of men
#80653b Deuteranopia 1% of men
#865f66 Tritanopia 0.001% of the population

Trichromacy

#766439 Protanomaly 1% of men, 0.01% of women
#7f6137 Deuteranomaly 6% of men, 0.4% of women
#825e52 Tritanomaly 0.01% of the population