#7c5023 hex color

In a RGB color space, hex #7c5023 is composed of 48.6% red, 31.4% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 71.8% yellow and 51.4% black. It has a hue angle of 30.3 degrees, a saturation of 56% and a lightness of 31.2%. #7c5023 color hex could be obtained by blending #f8a046 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 31
- B 14
RGB color chart
- C 0
- M 35
- Y 72
- K 51
CMYK color chart

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

The hexadecimal color #7c5023 has RGB values of R:124, G:80, B:35 and CMYK values of C:0, M:0.35, Y:0.72, K:0.51. Its decimal value is 8146979.

Hex triplet	7c5023	`#7c5023`
RGB Decimal	124, 80, 35	`rgb(124,80,35)`
RGB Percent	48.6, 31.4, 13.7	`rgb(48.6%,31.4%,13.7%)`
CMYK	0, 35, 72, 51
HSL	30.3°, 56, 31.2	`hsl(30.3,56%,31.2%)`
HSV (or HSB)	30.3°, 71.8, 48.6
Web Safe	666633	`#666633`

CIE-LAB	38.101, 13.996, 33.254
XYZ	11.484, 10.145, 2.943
xyY	0.467, 0.413, 10.145
CIE-LCH	38.101, 36.079, 67.174
CIE-LUV	38.101, 33.926, 30.213
Hunter-Lab	31.85, 8.624, 16.816
Binary	01111100, 01010000, 00100011

#7c5023
```
#7c5023 rgb(124,80,35)
```
#234f7c
```
#234f7c rgb(35,79,124)
```

Complementary Color

#7c2423
```
#7c2423 rgb(124,36,35)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#7c7c23
```
#7c7c23 rgb(124,124,35)
```

Analogous Color

#24237c
```
#24237c rgb(36,35,124)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#237c7c
```
#237c7c rgb(35,124,124)
```

Split Complementary Color

#50237c
```
#50237c rgb(80,35,124)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#237c50
```
#237c50 rgb(35,124,80)
```

Triadic Color

#7c234f
```
#7c234f rgb(124,35,79)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#237c50
```
#237c50 rgb(35,124,80)
```
#234f7c
```
#234f7c rgb(35,79,124)
```

Tetradic Color

#402a12
```
#402a12 rgb(64,42,18)
```
#543618
```
#543618 rgb(84,54,24)
```
#68431d
```
#68431d rgb(104,67,29)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#905d29
```
#905d29 rgb(144,93,41)
```
#a46a2e
```
#a46a2e rgb(164,106,46)
```
#b87634
```
#b87634 rgb(184,118,52)
```

Monochromatic Color

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

#7c3a23
```
#7c3a23 rgb(124,58,35)
```
#7c4123
```
#7c4123 rgb(124,65,35)
```
#7c4923
```
#7c4923 rgb(124,73,35)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#7c5723
```
#7c5723 rgb(124,87,35)
```
#7c5f23
```
#7c5f23 rgb(124,95,35)
```
#7c6623
```
#7c6623 rgb(124,102,35)
```

Similar Colors

Text with hexadecimal color #7c5023

This text has a font color of #7c5023.

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

#7c5023 background color

This paragraph has a background color of #7c5023.

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

#7c5023 border color

This element has a border color of #7c5023.

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

CSS codes

.text {color:#7c5023;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110b05
```
#110b05 rgb(17,11,5)
```
#201509
```
#201509 rgb(32,21,9)
```
#301f0d
```
#301f0d rgb(48,31,13)
```
#3f2912
```
#3f2912 rgb(63,41,18)
```
#4e3216
```
#4e3216 rgb(78,50,22)
```
#5d3c1a
```
#5d3c1a rgb(93,60,26)
```
#6d461f
```
#6d461f rgb(109,70,31)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#8b5a27
```
#8b5a27 rgb(139,90,39)
```
#9b642c
```
#9b642c rgb(155,100,44)
```
#aa6e30
```
#aa6e30 rgb(170,110,48)
```
#b97734
```
#b97734 rgb(185,119,52)
```

Shade Color Variation

#c7813a
```
#c7813a rgb(199,129,58)
```
#cc8b49
```
#cc8b49 rgb(204,139,73)
```
#d09558
```
#d09558 rgb(208,149,88)
```
#d49f68
```
#d49f68 rgb(212,159,104)
```
#d9a877
```
#d9a877 rgb(217,168,119)
```
#ddb286
```
#ddb286 rgb(221,178,134)
```
#e1bc96
```
#e1bc96 rgb(225,188,150)
```
#e6c6a5
```
#e6c6a5 rgb(230,198,165)
```
#eacfb4
```
#eacfb4 rgb(234,207,180)
```
#eed9c3
```
#eed9c3 rgb(238,217,195)
```
#f3e3d3
```
#f3e3d3 rgb(243,227,211)
```
#f7ede2
```
#f7ede2 rgb(247,237,226)
```
#fbf6f1
```
#fbf6f1 rgb(251,246,241)
```

Tint Color Variation

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

#51504e
```
#51504e rgb(81,80,78)
```
#575048
```
#575048 rgb(87,80,72)
```
#5d5042
```
#5d5042 rgb(93,80,66)
```
#64503b
```
#64503b rgb(100,80,59)
```
#6a5035
```
#6a5035 rgb(106,80,53)
```
#70502f
```
#70502f rgb(112,80,47)
```
#765029
```
#765029 rgb(118,80,41)
```
#7c5023
```
#7c5023 rgb(124,80,35)
```
#82501d
```
#82501d rgb(130,80,29)
```
#885017
```
#885017 rgb(136,80,23)
```
#8e5011
```
#8e5011 rgb(142,80,17)
```
#94500b
```
#94500b rgb(148,80,11)
```
#9b5004
```
#9b5004 rgb(155,80,4)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#5f564d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6231 Protanopia 1% of men
#785d2c Deuteranopia 1% of men
#855459 Tritanopia 0.001% of the population

Trichromacy

#725b2c Protanomaly 1% of men, 0.01% of women
#795829 Deuteranomaly 6% of men, 0.4% of women
#825245 Tritanomaly 0.01% of the population

#7c5023 hex color

#7c5023 Color Information

#7c5023 Color Conversion

Color Schemes with #7c5023

Alternatives to #7c5023

#7c5023 Preview

Shades and Tints of #7c5023

Tones of #7c5023

Color Blindness Simulator