colorhexa.com

#7a6342 hex color

In a RGB color space, hex #7a6342 is composed of 47.8% red, 38.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.9% magenta, 45.9% yellow and 52.2% black. It has a hue angle of 35.4 degrees, a saturation of 29.8% and a lightness of 36.9%. #7a6342 color hex could be obtained by blending #f4c684 with #000000. Closest websafe color is: #666633.

- R 48
- G 39
- B 26
RGB color chart
- C 0
- M 19
- Y 46
- K 52
CMYK color chart

● #7a6342 color description : Dark moderate orange.

The hexadecimal color #7a6342 has RGB values of R:122, G:99, B:66 and CMYK values of C:0, M:0.19, Y:0.46, K:0.52. Its decimal value is 8020802.

Hex triplet	7a6342	`#7a6342`
RGB Decimal	122, 99, 66	`rgb(122,99,66)`
RGB Percent	47.8, 38.8, 25.9	`rgb(47.8%,38.8%,25.9%)`
CMYK	0, 19, 46, 52
HSL	35.4°, 29.8, 36.9	`hsl(35.4,29.8%,36.9%)`
HSV (or HSB)	35.4°, 45.9, 47.8
Web Safe	666633	`#666633`

CIE-LAB	43.441, 4.48, 22.206
XYZ	13.471, 13.455, 7.041
xyY	0.397, 0.396, 13.455
CIE-LCH	43.441, 22.654, 78.595
CIE-LUV	43.441, 16.987, 24.772
Hunter-Lab	36.681, 1.363, 14.295
Binary	01111010, 01100011, 01000010

#7a6342
```
#7a6342 rgb(122,99,66)
```
#42597a
```
#42597a rgb(66,89,122)
```

Complementary Color

#7a4742
```
#7a4742 rgb(122,71,66)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#757a42
```
#757a42 rgb(117,122,66)
```

Analogous Color

#47427a
```
#47427a rgb(71,66,122)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#42757a
```
#42757a rgb(66,117,122)
```

Split Complementary Color

#63427a
```
#63427a rgb(99,66,122)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#427a63
```
#427a63 rgb(66,122,99)
```

Triadic Color

#483b27
```
#483b27 rgb(72,59,39)
```
#594830
```
#594830 rgb(89,72,48)
```
#695639
```
#695639 rgb(105,86,57)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#8b704b
```
#8b704b rgb(139,112,75)
```
#9b7e54
```
#9b7e54 rgb(155,126,84)
```
#a98b60
```
#a98b60 rgb(169,139,96)
```

Monochromatic Color

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

#7a5542
```
#7a5542 rgb(122,85,66)
```
#7a5a42
```
#7a5a42 rgb(122,90,66)
```
#7a5e42
```
#7a5e42 rgb(122,94,66)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#7a6842
```
#7a6842 rgb(122,104,66)
```
#7a6c42
```
#7a6c42 rgb(122,108,66)
```
#7a7142
```
#7a7142 rgb(122,113,66)
```

Similar Colors

Text with hexadecimal color #7a6342

This text has a font color of #7a6342.

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

#7a6342 background color

This paragraph has a background color of #7a6342.

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

#7a6342 border color

This element has a border color of #7a6342.

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

CSS codes

.text {color:#7a6342;}

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

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

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

#070604
```
#070604 rgb(7,6,4)
```
#14100b
```
#14100b rgb(20,16,11)
```
#211b12
```
#211b12 rgb(33,27,18)
```
#2e2519
```
#2e2519 rgb(46,37,25)
```
#3a2f20
```
#3a2f20 rgb(58,47,32)
```
#473a26
```
#473a26 rgb(71,58,38)
```
#54442d
```
#54442d rgb(84,68,45)
```
#614e34
```
#614e34 rgb(97,78,52)
```
#6d593b
```
#6d593b rgb(109,89,59)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#876d49
```
#876d49 rgb(135,109,73)
```
#937850
```
#937850 rgb(147,120,80)
```
#a08257
```
#a08257 rgb(160,130,87)
```

Shade Color Variation

#aa8c61
```
#aa8c61 rgb(170,140,97)
```
#b0956e
```
#b0956e rgb(176,149,110)
```
#b79e7a
```
#b79e7a rgb(183,158,122)
```
#bea887
```
#bea887 rgb(190,168,135)
```
#c5b194
```
#c5b194 rgb(197,177,148)
```
#ccbaa1
```
#ccbaa1 rgb(204,186,161)
```
#d3c3ad
```
#d3c3ad rgb(211,195,173)
```
#dacdba
```
#dacdba rgb(218,205,186)
```
#e1d6c7
```
#e1d6c7 rgb(225,214,199)
```
#e7dfd4
```
#e7dfd4 rgb(231,223,212)
```
#eee9e0
```
#eee9e0 rgb(238,233,224)
```
#f5f2ed
```
#f5f2ed rgb(245,242,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#645f58
```
#645f58 rgb(100,95,88)
```
#6c6050
```
#6c6050 rgb(108,96,80)
```
#736249
```
#736249 rgb(115,98,73)
```
#7a6342
```
#7a6342 rgb(122,99,66)
```
#81643b
```
#81643b rgb(129,100,59)
```
#886634
```
#886634 rgb(136,102,52)
```
#90672c
```
#90672c rgb(144,103,44)
```
#976825
```
#976825 rgb(151,104,37)
```
#9e691e
```
#9e691e rgb(158,105,30)
```
#a56b17
```
#a56b17 rgb(165,107,23)
```
#ad6c0f
```
#ad6c0f rgb(173,108,15)
```
#b46d08
```
#b46d08 rgb(180,109,8)
```
#bb6f01
```
#bb6f01 rgb(187,111,1)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#6a655f Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e4d Protanopia 1% of men
#836a4c Deuteranopia 1% of men
#84666d Tritanopia 0.001% of the population

Trichromacy

#786a49 Protanomaly 1% of men, 0.01% of women
#806748 Deuteranomaly 6% of men, 0.4% of women
#80655d Tritanomaly 0.01% of the population