#7c5f20 hex color

In a RGB color space, hex #7c5f20 is composed of 48.6% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 74.2% yellow and 51.4% black. It has a hue angle of 41.1 degrees, a saturation of 59% and a lightness of 30.6%. #7c5f20 color hex could be obtained by blending #f8be40 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 37
- B 13
RGB color chart
- C 0
- M 23
- Y 74
- K 51
CMYK color chart

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

The hexadecimal color #7c5f20 has RGB values of R:124, G:95, B:32 and CMYK values of C:0, M:0.23, Y:0.74, K:0.51. Its decimal value is 8150816.

Hex triplet	7c5f20	`#7c5f20`
RGB Decimal	124, 95, 32	`rgb(124,95,32)`
RGB Percent	48.6, 37.3, 12.5	`rgb(48.6%,37.3%,12.5%)`
CMYK	0, 23, 74, 51
HSL	41.1°, 59, 30.6	`hsl(41.1,59%,30.6%)`
HSV (or HSB)	41.1°, 74.2, 48.6
Web Safe	666633	`#666633`

CIE-LAB	42.115, 4.89, 38.954
XYZ	12.665, 12.574, 3.126
xyY	0.446, 0.443, 12.574
CIE-LCH	42.115, 39.26, 82.845
CIE-LUV	42.115, 23.349, 37.709
Hunter-Lab	35.46, 1.699, 19.595
Binary	01111100, 01011111, 00100000

#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#203d7c
```
#203d7c rgb(32,61,124)
```

Complementary Color

#7c3120
```
#7c3120 rgb(124,49,32)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#6b7c20
```
#6b7c20 rgb(107,124,32)
```

Analogous Color

#31207c
```
#31207c rgb(49,32,124)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#206b7c
```
#206b7c rgb(32,107,124)
```

Split Complementary Color

#5f207c
```
#5f207c rgb(95,32,124)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#207c5f
```
#207c5f rgb(32,124,95)
```

Triadic Color

#7c203d
```
#7c203d rgb(124,32,61)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#207c5f
```
#207c5f rgb(32,124,95)
```
#203d7c
```
#203d7c rgb(32,61,124)
```

Tetradic Color

#3f3010
```
#3f3010 rgb(63,48,16)
```
#534016
```
#534016 rgb(83,64,22)
```
#684f1b
```
#684f1b rgb(104,79,27)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#906f25
```
#906f25 rgb(144,111,37)
```
#a57e2a
```
#a57e2a rgb(165,126,42)
```
#b98e30
```
#b98e30 rgb(185,142,48)
```

Monochromatic Color

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

#7c4820
```
#7c4820 rgb(124,72,32)
```
#7c5020
```
#7c5020 rgb(124,80,32)
```
#7c5720
```
#7c5720 rgb(124,87,32)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#7c6720
```
#7c6720 rgb(124,103,32)
```
#7c6e20
```
#7c6e20 rgb(124,110,32)
```
#7c7620
```
#7c7620 rgb(124,118,32)
```

Similar Colors

Text with hexadecimal color #7c5f20

This text has a font color of #7c5f20.

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

#7c5f20 background color

This paragraph has a background color of #7c5f20.

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

#7c5f20 border color

This element has a border color of #7c5f20.

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

CSS codes

.text {color:#7c5f20;}

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

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

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

#0f0b04
```
#0f0b04 rgb(15,11,4)
```
#1e1708
```
#1e1708 rgb(30,23,8)
```
#2e230c
```
#2e230c rgb(46,35,12)
```
#3e2f10
```
#3e2f10 rgb(62,47,16)
```
#4d3b14
```
#4d3b14 rgb(77,59,20)
```
#5d4718
```
#5d4718 rgb(93,71,24)
```
#6c531c
```
#6c531c rgb(108,83,28)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#8c6b24
```
#8c6b24 rgb(140,107,36)
```
#9b7728
```
#9b7728 rgb(155,119,40)
```
#ab832c
```
#ab832c rgb(171,131,44)
```
#ba8f30
```
#ba8f30 rgb(186,143,48)
```
#ca9b34
```
#ca9b34 rgb(202,155,52)
```

Shade Color Variation

#cfa343
```
#cfa343 rgb(207,163,67)
```
#d3aa53
```
#d3aa53 rgb(211,170,83)
```
#d7b262
```
#d7b262 rgb(215,178,98)
```
#dbba72
```
#dbba72 rgb(219,186,114)
```
#dfc182
```
#dfc182 rgb(223,193,130)
```
#e3c991
```
#e3c991 rgb(227,201,145)
```
#e7d1a1
```
#e7d1a1 rgb(231,209,161)
```
#ebd8b0
```
#ebd8b0 rgb(235,216,176)
```
#efe0c0
```
#efe0c0 rgb(239,224,192)
```
#f3e8cf
```
#f3e8cf rgb(243,232,207)
```
#f7efdf
```
#f7efdf rgb(247,239,223)
```
#fbf7ef
```
#fbf7ef rgb(251,247,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#524f4a
```
#524f4a rgb(82,79,74)
```
#585244
```
#585244 rgb(88,82,68)
```
#5e543e
```
#5e543e rgb(94,84,62)
```
#645638
```
#645638 rgb(100,86,56)
```
#6a5832
```
#6a5832 rgb(106,88,50)
```
#705b2c
```
#705b2c rgb(112,91,44)
```
#765d26
```
#765d26 rgb(118,93,38)
```
#7c5f20
```
#7c5f20 rgb(124,95,32)
```
#82611a
```
#82611a rgb(130,97,26)
```
#886314
```
#886314 rgb(136,99,20)
```
#8e660e
```
#8e660e rgb(142,102,14)
```
#946808
```
#946808 rgb(148,104,8)
```
#9a6a02
```
#9a6a02 rgb(154,106,2)
```

Tone Color Variation

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

Dichromacy

#776b2c Protanopia 1% of men
#84662b Deuteranopia 1% of men
#876167 Tritanopia 0.001% of the population

Trichromacy

#796728 Protanomaly 1% of men, 0.01% of women
#816327 Deuteranomaly 6% of men, 0.4% of women
#83604d Tritanomaly 0.01% of the population

#7c5f20 hex color

#7c5f20 Color Information

#7c5f20 Color Conversion

Color Schemes with #7c5f20

Alternatives to #7c5f20

#7c5f20 Preview

Shades and Tints of #7c5f20

Tones of #7c5f20

Color Blindness Simulator