colorhexa.com

#7c5b36 hex color

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

- R 49
- G 36
- B 21
RGB color chart
- C 0
- M 27
- Y 56
- K 51
CMYK color chart

● #7c5b36 color description : Dark moderate orange.

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

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

CIE-LAB	41.27, 8.892, 26.447
XYZ	12.719, 12.034, 5.143
xyY	0.425, 0.403, 12.034
CIE-LCH	41.27, 27.902, 71.417
CIE-LUV	41.27, 24.672, 27.215
Hunter-Lab	34.69, 4.739, 15.494
Binary	01111100, 01011011, 00110110

#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#36577c
```
#36577c rgb(54,87,124)
```

Complementary Color

#7c3836
```
#7c3836 rgb(124,56,54)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#7a7c36
```
#7a7c36 rgb(122,124,54)
```

Analogous Color

#38367c
```
#38367c rgb(56,54,124)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#367a7c
```
#367a7c rgb(54,122,124)
```

Split Complementary Color

#5b367c
```
#5b367c rgb(91,54,124)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#367c5b
```
#367c5b rgb(54,124,91)
```

Triadic Color

#47341f
```
#47341f rgb(71,52,31)
```
#584127
```
#584127 rgb(88,65,39)
```
#6a4e2e
```
#6a4e2e rgb(106,78,46)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#8e683e
```
#8e683e rgb(142,104,62)
```
#a07545
```
#a07545 rgb(160,117,69)
```
#b1824d
```
#b1824d rgb(177,130,77)
```

Monochromatic Color

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

#7c4a36
```
#7c4a36 rgb(124,74,54)
```
#7c4f36
```
#7c4f36 rgb(124,79,54)
```
#7c5536
```
#7c5536 rgb(124,85,54)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#7c6136
```
#7c6136 rgb(124,97,54)
```
#7c6736
```
#7c6736 rgb(124,103,54)
```
#7c6d36
```
#7c6d36 rgb(124,109,54)
```

Similar Colors

Text with hexadecimal color #7c5b36

This text has a font color of #7c5b36.

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

#7c5b36 background color

This paragraph has a background color of #7c5b36.

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

#7c5b36 border color

This element has a border color of #7c5b36.

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

CSS codes

.text {color:#7c5b36;}

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

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

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)
```
#2a1f12
```
#2a1f12 rgb(42,31,18)
```
#382918
```
#382918 rgb(56,41,24)
```
#45331e
```
#45331e rgb(69,51,30)
```
#533d24
```
#533d24 rgb(83,61,36)
```
#61472a
```
#61472a rgb(97,71,42)
```
#6e5130
```
#6e5130 rgb(110,81,48)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#8a653c
```
#8a653c rgb(138,101,60)
```
#976f42
```
#976f42 rgb(151,111,66)
```
#a57948
```
#a57948 rgb(165,121,72)
```

Shade Color Variation

#b2834e
```
#b2834e rgb(178,131,78)
```
#b88d5c
```
#b88d5c rgb(184,141,92)
```
#be966a
```
#be966a rgb(190,150,106)
```
#c4a077
```
#c4a077 rgb(196,160,119)
```
#caa985
```
#caa985 rgb(202,169,133)
```
#d0b393
```
#d0b393 rgb(208,179,147)
```
#d6bda0
```
#d6bda0 rgb(214,189,160)
```
#dcc6ae
```
#dcc6ae rgb(220,198,174)
```
#e2d0bc
```
#e2d0bc rgb(226,208,188)
```
#e8d9c9
```
#e8d9c9 rgb(232,217,201)
```
#eee3d7
```
#eee3d7 rgb(238,227,215)
```
#f4ede5
```
#f4ede5 rgb(244,237,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 #ac5e06 is the most saturated one.

#5a5958
```
#5a5958 rgb(90,89,88)
```
#615951
```
#615951 rgb(97,89,81)
```
#675a4b
```
#675a4b rgb(103,90,75)
```
#6e5a44
```
#6e5a44 rgb(110,90,68)
```
#755b3d
```
#755b3d rgb(117,91,61)
```
#7c5b36
```
#7c5b36 rgb(124,91,54)
```
#835b2f
```
#835b2f rgb(131,91,47)
```
#8a5c28
```
#8a5c28 rgb(138,92,40)
```
#915c21
```
#915c21 rgb(145,92,33)
```
#975d1b
```
#975d1b rgb(151,93,27)
```
#9e5d14
```
#9e5d14 rgb(158,93,20)
```
#a55d0d
```
#a55d0d rgb(165,93,13)
```
#ac5e06
```
#ac5e06 rgb(172,94,6)
```

Tone Color Variation

Below, you can see how #7c5b36 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
#666058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726942 Protanopia 1% of men
#7f6540 Deuteranopia 1% of men
#865e65 Tritanopia 0.001% of the population

Trichromacy

#76643e Protanomaly 1% of men, 0.01% of women
#7e613c Deuteranomaly 6% of men, 0.4% of women
#825d54 Tritanomaly 0.01% of the population