#7c5a36 hex color

In a RGB color space, hex #7c5a36 is composed of 48.6% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 56.5% yellow and 51.4% black. It has a hue angle of 30.9 degrees, a saturation of 39.3% and a lightness of 34.9%. #7c5a36 color hex could be obtained by blending #f8b46c with #000000. Closest websafe color is: #666633.

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

● #7c5a36 color description : Dark moderate orange.

The hexadecimal color #7c5a36 has RGB values of R:124, G:90, B:54 and CMYK values of C:0, M:0.27, Y:0.56, K:0.51. Its decimal value is 8149558.

Hex triplet	7c5a36	`#7c5a36`
RGB Decimal	124, 90, 54	`rgb(124,90,54)`
RGB Percent	48.6, 35.3, 21.2	`rgb(48.6%,35.3%,21.2%)`
CMYK	0, 27, 56, 51
HSL	30.9°, 39.3, 34.9	`hsl(30.9,39.3%,34.9%)`
HSV (or HSB)	30.9°, 56.5, 48.6
Web Safe	666633	`#666633`

CIE-LAB	41, 9.488, 26.113
XYZ	12.634, 11.864, 5.114
xyY	0.427, 0.401, 11.864
CIE-LCH	41, 27.784, 70.032
CIE-LUV	41, 25.346, 26.731
Hunter-Lab	34.445, 5.196, 15.308
Binary	01111100, 01011010, 00110110

#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#36587c
```
#36587c rgb(54,88,124)
```

Complementary Color

#7c3736
```
#7c3736 rgb(124,55,54)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#7b7c36
```
#7b7c36 rgb(123,124,54)
```

Analogous Color

#37367c
```
#37367c rgb(55,54,124)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#367b7c
```
#367b7c rgb(54,123,124)
```

Split Complementary Color

#5a367c
```
#5a367c rgb(90,54,124)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#367c5a
```
#367c5a rgb(54,124,90)
```

Triadic Color

#7c3658
```
#7c3658 rgb(124,54,88)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#367c5a
```
#367c5a rgb(54,124,90)
```
#36587c
```
#36587c rgb(54,88,124)
```

Tetradic Color

#47331f
```
#47331f rgb(71,51,31)
```
#584027
```
#584027 rgb(88,64,39)
```
#6a4d2e
```
#6a4d2e rgb(106,77,46)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#8e673e
```
#8e673e rgb(142,103,62)
```
#a07445
```
#a07445 rgb(160,116,69)
```
#b1814d
```
#b1814d rgb(177,129,77)
```

Monochromatic Color

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

#7c4936
```
#7c4936 rgb(124,73,54)
```
#7c4e36
```
#7c4e36 rgb(124,78,54)
```
#7c5436
```
#7c5436 rgb(124,84,54)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#7c6036
```
#7c6036 rgb(124,96,54)
```
#7c6636
```
#7c6636 rgb(124,102,54)
```
#7c6c36
```
#7c6c36 rgb(124,108,54)
```

Similar Colors

Text with hexadecimal color #7c5a36

This text has a font color of #7c5a36.

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

#7c5a36 background color

This paragraph has a background color of #7c5a36.

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

#7c5a36 border color

This element has a border color of #7c5a36.

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

CSS codes

.text {color:#7c5a36;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0b06
```
#0f0b06 rgb(15,11,6)
```
#1c150c
```
#1c150c rgb(28,21,12)
```
#2a1e12
```
#2a1e12 rgb(42,30,18)
```
#382818
```
#382818 rgb(56,40,24)
```
#45321e
```
#45321e rgb(69,50,30)
```
#533c24
```
#533c24 rgb(83,60,36)
```
#61462a
```
#61462a rgb(97,70,42)
```
#6e5030
```
#6e5030 rgb(110,80,48)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#8a643c
```
#8a643c rgb(138,100,60)
```
#976e42
```
#976e42 rgb(151,110,66)
```
#a57848
```
#a57848 rgb(165,120,72)
```

Shade Color Variation

#b2824e
```
#b2824e rgb(178,130,78)
```
#b88b5c
```
#b88b5c rgb(184,139,92)
```
#be956a
```
#be956a rgb(190,149,106)
```
#c49f77
```
#c49f77 rgb(196,159,119)
```
#caa885
```
#caa885 rgb(202,168,133)
```
#d0b293
```
#d0b293 rgb(208,178,147)
```
#d6bca0
```
#d6bca0 rgb(214,188,160)
```
#dcc6ae
```
#dcc6ae rgb(220,198,174)
```
#e2cfbc
```
#e2cfbc rgb(226,207,188)
```
#e8d9c9
```
#e8d9c9 rgb(232,217,201)
```
#eee3d7
```
#eee3d7 rgb(238,227,215)
```
#f4ece5
```
#f4ece5 rgb(244,236,229)
```
#f9f6f2
```
#f9f6f2 rgb(249,246,242)
```

Tint Color Variation

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

#5a5958
```
#5a5958 rgb(90,89,88)
```
#615951
```
#615951 rgb(97,89,81)
```
#67594b
```
#67594b rgb(103,89,75)
```
#6e5a44
```
#6e5a44 rgb(110,90,68)
```
#755a3d
```
#755a3d rgb(117,90,61)
```
#7c5a36
```
#7c5a36 rgb(124,90,54)
```
#835a2f
```
#835a2f rgb(131,90,47)
```
#8a5a28
```
#8a5a28 rgb(138,90,40)
```
#915b21
```
#915b21 rgb(145,91,33)
```
#975b1b
```
#975b1b rgb(151,91,27)
```
#9e5b14
```
#9e5b14 rgb(158,91,20)
```
#a55b0d
```
#a55b0d rgb(165,91,13)
```
#ac5b06
```
#ac5b06 rgb(172,91,6)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#665f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726842 Protanopia 1% of men
#7e643f Deuteranopia 1% of men
#865e64 Tritanopia 0.001% of the population

Trichromacy

#75633e Protanomaly 1% of men, 0.01% of women
#7d603c Deuteranomaly 6% of men, 0.4% of women
#825c53 Tritanomaly 0.01% of the population

#7c5a36 hex color

#7c5a36 Color Information

#7c5a36 Color Conversion

Color Schemes with #7c5a36

Alternatives to #7c5a36

#7c5a36 Preview

Shades and Tints of #7c5a36

Tones of #7c5a36

Color Blindness Simulator