#7c5a2e hex color

In a RGB color space, hex #7c5a2e is composed of 48.6% red, 35.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 62.9% yellow and 51.4% black. It has a hue angle of 33.8 degrees, a saturation of 45.9% and a lightness of 33.3%. #7c5a2e color hex could be obtained by blending #f8b45c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 35
- B 18
RGB color chart
- C 0
- M 27
- Y 63
- K 51
CMYK color chart

● #7c5a2e color description : Dark moderate orange.

The hexadecimal color #7c5a2e has RGB values of R:124, G:90, B:46 and CMYK values of C:0, M:0.27, Y:0.63, K:0.51. Its decimal value is 8149550.

Hex triplet	7c5a2e	`#7c5a2e`
RGB Decimal	124, 90, 46	`rgb(124,90,46)`
RGB Percent	48.6, 35.3, 18	`rgb(48.6%,35.3%,18%)`
CMYK	0, 27, 63, 51
HSL	33.8°, 45.9, 33.3	`hsl(33.8,45.9%,33.3%)`
HSV (or HSB)	33.8°, 62.9, 48.6
Web Safe	666633	`#666633`

CIE-LAB	40.889, 8.798, 30.482
XYZ	12.462, 11.795, 4.205
xyY	0.438, 0.414, 11.795
CIE-LCH	40.889, 31.726, 73.9
CIE-LUV	40.889, 26.002, 30.395
Hunter-Lab	34.344, 4.665, 16.782
Binary	01111100, 01011010, 00101110

#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#2e507c
```
#2e507c rgb(46,80,124)
```

Complementary Color

#7c332e
```
#7c332e rgb(124,51,46)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#777c2e
```
#777c2e rgb(119,124,46)
```

Analogous Color

#332e7c
```
#332e7c rgb(51,46,124)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#2e777c
```
#2e777c rgb(46,119,124)
```

Split Complementary Color

#5a2e7c
```
#5a2e7c rgb(90,46,124)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#2e7c5a
```
#2e7c5a rgb(46,124,90)
```

Triadic Color

#7c2e50
```
#7c2e50 rgb(124,46,80)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#2e7c5a
```
#2e7c5a rgb(46,124,90)
```
#2e507c
```
#2e507c rgb(46,80,124)
```

Tetradic Color

#443219
```
#443219 rgb(68,50,25)
```
#573f20
```
#573f20 rgb(87,63,32)
```
#694d27
```
#694d27 rgb(105,77,39)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#8f6835
```
#8f6835 rgb(143,104,53)
```
#a1753c
```
#a1753c rgb(161,117,60)
```
#b48343
```
#b48343 rgb(180,131,67)
```

Monochromatic Color

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

#7c472e
```
#7c472e rgb(124,71,46)
```
#7c4d2e
```
#7c4d2e rgb(124,77,46)
```
#7c542e
```
#7c542e rgb(124,84,46)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#7c612e
```
#7c612e rgb(124,97,46)
```
#7c672e
```
#7c672e rgb(124,103,46)
```
#7c6e2e
```
#7c6e2e rgb(124,110,46)
```

Similar Colors

Text with hexadecimal color #7c5a2e

This text has a font color of #7c5a2e.

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

#7c5a2e background color

This paragraph has a background color of #7c5a2e.

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

#7c5a2e border color

This element has a border color of #7c5a2e.

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

CSS codes

.text {color:#7c5a2e;}

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

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

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

#0a0704
```
#0a0704 rgb(10,7,4)
```
#181109
```
#181109 rgb(24,17,9)
```
#261c0e
```
#261c0e rgb(38,28,14)
```
#342613
```
#342613 rgb(52,38,19)
```
#433019
```
#433019 rgb(67,48,25)
```
#513b1e
```
#513b1e rgb(81,59,30)
```
#5f4523
```
#5f4523 rgb(95,69,35)
```
#6e5029
```
#6e5029 rgb(110,80,41)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#8a6433
```
#8a6433 rgb(138,100,51)
```
#996f39
```
#996f39 rgb(153,111,57)
```
#a7793e
```
#a7793e rgb(167,121,62)
```
#b58443
```
#b58443 rgb(181,132,67)
```

Shade Color Variation

#be8d4f
```
#be8d4f rgb(190,141,79)
```
#c3965d
```
#c3965d rgb(195,150,93)
```
#c8a06b
```
#c8a06b rgb(200,160,107)
```
#cda979
```
#cda979 rgb(205,169,121)
```
#d3b288
```
#d3b288 rgb(211,178,136)
```
#d8bb96
```
#d8bb96 rgb(216,187,150)
```
#ddc5a4
```
#ddc5a4 rgb(221,197,164)
```
#e3ceb3
```
#e3ceb3 rgb(227,206,179)
```
#e8d7c1
```
#e8d7c1 rgb(232,215,193)
```
#ede0cf
```
#ede0cf rgb(237,224,207)
```
#f3e9de
```
#f3e9de rgb(243,233,222)
```
#f8f3ec
```
#f8f3ec rgb(248,243,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#5b564f
```
#5b564f rgb(91,86,79)
```
#625748
```
#625748 rgb(98,87,72)
```
#685742
```
#685742 rgb(104,87,66)
```
#6f583b
```
#6f583b rgb(111,88,59)
```
#755935
```
#755935 rgb(117,89,53)
```
#7c5a2e
```
#7c5a2e rgb(124,90,46)
```
#835b27
```
#835b27 rgb(131,91,39)
```
#895c21
```
#895c21 rgb(137,92,33)
```
#905d1a
```
#905d1a rgb(144,93,26)
```
#965d14
```
#965d14 rgb(150,93,20)
```
#9d5e0d
```
#9d5e0d rgb(157,94,13)
```
#a35f07
```
#a35f07 rgb(163,95,7)
```
#aa6000
```
#aa6000 rgb(170,96,0)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#655e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#72683a Protanopia 1% of men
#7f6438 Deuteranopia 1% of men
#865d64 Tritanopia 0.001% of the population

Trichromacy

#766336 Protanomaly 1% of men, 0.01% of women
#7e6034 Deuteranomaly 6% of men, 0.4% of women
#825c50 Tritanomaly 0.01% of the population

#7c5a2e hex color

#7c5a2e Color Information

#7c5a2e Color Conversion

Color Schemes with #7c5a2e

Alternatives to #7c5a2e

#7c5a2e Preview

Shades and Tints of #7c5a2e

Tones of #7c5a2e

Color Blindness Simulator