#7c6342 hex color

In a RGB color space, hex #7c6342 is composed of 48.6% red, 38.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.2% magenta, 46.8% yellow and 51.4% black. It has a hue angle of 34.1 degrees, a saturation of 30.5% and a lightness of 37.3%. #7c6342 color hex could be obtained by blending #f8c684 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 39
- B 26
RGB color chart
- C 0
- M 20
- Y 47
- K 51
CMYK color chart

● #7c6342 color description : Dark moderate orange.

The hexadecimal color #7c6342 has RGB values of R:124, G:99, B:66 and CMYK values of C:0, M:0.2, Y:0.47, K:0.51. Its decimal value is 8151874.

Hex triplet	7c6342	`#7c6342`
RGB Decimal	124, 99, 66	`rgb(124,99,66)`
RGB Percent	48.6, 38.8, 25.9	`rgb(48.6%,38.8%,25.9%)`
CMYK	0, 20, 47, 51
HSL	34.1°, 30.5, 37.3	`hsl(34.1,30.5%,37.3%)`
HSV (or HSB)	34.1°, 46.8, 48.6
Web Safe	666633	`#666633`

CIE-LAB	43.658, 5.379, 22.529
XYZ	13.757, 13.603, 7.055
xyY	0.4, 0.395, 13.603
CIE-LCH	43.658, 23.162, 76.57
CIE-LUV	43.658, 18.415, 24.96
Hunter-Lab	36.882, 2.04, 14.476
Binary	01111100, 01100011, 01000010

#7c6342
```
#7c6342 rgb(124,99,66)
```
#425b7c
```
#425b7c rgb(66,91,124)
```

Complementary Color

#7c4642
```
#7c4642 rgb(124,70,66)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#787c42
```
#787c42 rgb(120,124,66)
```

Analogous Color

#46427c
```
#46427c rgb(70,66,124)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#42787c
```
#42787c rgb(66,120,124)
```

Split Complementary Color

#63427c
```
#63427c rgb(99,66,124)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#427c63
```
#427c63 rgb(66,124,99)
```

Triadic Color

#7c425b
```
#7c425b rgb(124,66,91)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#427c63
```
#427c63 rgb(66,124,99)
```
#425b7c
```
#425b7c rgb(66,91,124)
```

Tetradic Color

#4a3b27
```
#4a3b27 rgb(74,59,39)
```
#5b4830
```
#5b4830 rgb(91,72,48)
```
#6b5639
```
#6b5639 rgb(107,86,57)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#8d704b
```
#8d704b rgb(141,112,75)
```
#9d7e54
```
#9d7e54 rgb(157,126,84)
```
#aa8a60
```
#aa8a60 rgb(170,138,96)
```

Monochromatic Color

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

#7c5542
```
#7c5542 rgb(124,85,66)
```
#7c5942
```
#7c5942 rgb(124,89,66)
```
#7c5e42
```
#7c5e42 rgb(124,94,66)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#7c6842
```
#7c6842 rgb(124,104,66)
```
#7c6d42
```
#7c6d42 rgb(124,109,66)
```
#7c7242
```
#7c7242 rgb(124,114,66)
```

Similar Colors

Text with hexadecimal color #7c6342

This text has a font color of #7c6342.

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

#7c6342 background color

This paragraph has a background color of #7c6342.

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

#7c6342 border color

This element has a border color of #7c6342.

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

CSS codes

.text {color:#7c6342;}

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

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

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

#090705
```
#090705 rgb(9,7,5)
```
#16110b
```
#16110b rgb(22,17,11)
```
#221b12
```
#221b12 rgb(34,27,18)
```
#2f2619
```
#2f2619 rgb(47,38,25)
```
#3c3020
```
#3c3020 rgb(60,48,32)
```
#493a27
```
#493a27 rgb(73,58,39)
```
#56442e
```
#56442e rgb(86,68,46)
```
#624f34
```
#624f34 rgb(98,79,52)
```
#6f593b
```
#6f593b rgb(111,89,59)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#896d49
```
#896d49 rgb(137,109,73)
```
#967750
```
#967750 rgb(150,119,80)
```
#a28256
```
#a28256 rgb(162,130,86)
```

Shade Color Variation

#ab8b61
```
#ab8b61 rgb(171,139,97)
```
#b2956e
```
#b2956e rgb(178,149,110)
```
#b99e7b
```
#b99e7b rgb(185,158,123)
```
#c0a888
```
#c0a888 rgb(192,168,136)
```
#c6b195
```
#c6b195 rgb(198,177,149)
```
#cdbaa1
```
#cdbaa1 rgb(205,186,161)
```
#d4c4ae
```
#d4c4ae rgb(212,196,174)
```
#dbcdbb
```
#dbcdbb rgb(219,205,187)
```
#e2d6c8
```
#e2d6c8 rgb(226,214,200)
```
#e8e0d5
```
#e8e0d5 rgb(232,224,213)
```
#efe9e1
```
#efe9e1 rgb(239,233,225)
```
#f6f3ee
```
#f6f3ee rgb(246,243,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#666058
```
#666058 rgb(102,96,88)
```
#6d6151
```
#6d6151 rgb(109,97,81)
```
#756249
```
#756249 rgb(117,98,73)
```
#7c6342
```
#7c6342 rgb(124,99,66)
```
#83643b
```
#83643b rgb(131,100,59)
```
#8b6533
```
#8b6533 rgb(139,101,51)
```
#92662c
```
#92662c rgb(146,102,44)
```
#996725
```
#996725 rgb(153,103,37)
```
#a1681d
```
#a1681d rgb(161,104,29)
```
#a86916
```
#a86916 rgb(168,105,22)
```
#af6a0f
```
#af6a0f rgb(175,106,15)
```
#b66b08
```
#b66b08 rgb(182,107,8)
```
#be6c00
```
#be6c00 rgb(190,108,0)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#6b6660 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e4d Protanopia 1% of men
#846a4c Deuteranopia 1% of men
#86666d Tritanopia 0.001% of the population

Trichromacy

#796a49 Protanomaly 1% of men, 0.01% of women
#816748 Deuteranomaly 6% of men, 0.4% of women
#82655d Tritanomaly 0.01% of the population

#7c6342 hex color

#7c6342 Color Information

#7c6342 Color Conversion

Color Schemes with #7c6342

Alternatives to #7c6342

#7c6342 Preview

Shades and Tints of #7c6342

Tones of #7c6342

Color Blindness Simulator