colorhexa.com

#7a4e20 hex color

In a RGB color space, hex #7a4e20 is composed of 47.8% red, 30.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 73.8% yellow and 52.2% black. It has a hue angle of 30.7 degrees, a saturation of 58.4% and a lightness of 30.2%. #7a4e20 color hex could be obtained by blending #f49c40 with #000000. Closest websafe color is: #666633.

- R 48
- G 31
- B 13
RGB color chart
- C 0
- M 36
- Y 74
- K 52
CMYK color chart

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

The hexadecimal color #7a4e20 has RGB values of R:122, G:78, B:32 and CMYK values of C:0, M:0.36, Y:0.74, K:0.52. Its decimal value is 8015392.

Hex triplet	7a4e20	`#7a4e20`
RGB Decimal	122, 78, 32	`rgb(122,78,32)`
RGB Percent	47.8, 30.6, 12.5	`rgb(47.8%,30.6%,12.5%)`
CMYK	0, 36, 74, 52
HSL	30.7°, 58.4, 30.2	`hsl(30.7,58.4%,30.2%)`
HSV (or HSB)	30.7°, 73.8, 47.8
Web Safe	666633	`#666633`

CIE-LAB	37.283, 14.079, 33.855
XYZ	11.011, 9.691, 2.657
xyY	0.471, 0.415, 9.691
CIE-LCH	37.283, 36.666, 67.419
CIE-LUV	37.283, 34.001, 30.226
Hunter-Lab	31.131, 8.658, 16.731
Binary	01111010, 01001110, 00100000

#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#204c7a
```
#204c7a rgb(32,76,122)
```

Complementary Color

#7a2120
```
#7a2120 rgb(122,33,32)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#797a20
```
#797a20 rgb(121,122,32)
```

Analogous Color

#21207a
```
#21207a rgb(33,32,122)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#20797a
```
#20797a rgb(32,121,122)
```

Split Complementary Color

#4e207a
```
#4e207a rgb(78,32,122)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#207a4e
```
#207a4e rgb(32,122,78)
```

Triadic Color

#3d2710
```
#3d2710 rgb(61,39,16)
```
#523415
```
#523415 rgb(82,52,21)
```
#66411b
```
#66411b rgb(102,65,27)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#8e5b25
```
#8e5b25 rgb(142,91,37)
```
#a2682b
```
#a2682b rgb(162,104,43)
```
#b77530
```
#b77530 rgb(183,117,48)
```

Monochromatic Color

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

#7a3820
```
#7a3820 rgb(122,56,32)
```
#7a3f20
```
#7a3f20 rgb(122,63,32)
```
#7a4720
```
#7a4720 rgb(122,71,32)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#7a5620
```
#7a5620 rgb(122,86,32)
```
#7a5d20
```
#7a5d20 rgb(122,93,32)
```
#7a6520
```
#7a6520 rgb(122,101,32)
```

Similar Colors

Text with hexadecimal color #7a4e20

This text has a font color of #7a4e20.

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

#7a4e20 background color

This paragraph has a background color of #7a4e20.

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

#7a4e20 border color

This element has a border color of #7a4e20.

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

CSS codes

.text {color:#7a4e20;}

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

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

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

#0d0803
```
#0d0803 rgb(13,8,3)
```
#1d1208
```
#1d1208 rgb(29,18,8)
```
#2c1c0c
```
#2c1c0c rgb(44,28,12)
```
#3c2610
```
#3c2610 rgb(60,38,16)
```
#4b3014
```
#4b3014 rgb(75,48,20)
```
#5b3a18
```
#5b3a18 rgb(91,58,24)
```
#6a441c
```
#6a441c rgb(106,68,28)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#8a5824
```
#8a5824 rgb(138,88,36)
```
#996228
```
#996228 rgb(153,98,40)
```
#a96c2c
```
#a96c2c rgb(169,108,44)
```
#b87630
```
#b87630 rgb(184,118,48)
```
#c88034
```
#c88034 rgb(200,128,52)
```

Shade Color Variation

#cd8942
```
#cd8942 rgb(205,137,66)
```
#d29352
```
#d29352 rgb(210,147,82)
```
#d69d61
```
#d69d61 rgb(214,157,97)
```
#daa671
```
#daa671 rgb(218,166,113)
```
#deb080
```
#deb080 rgb(222,176,128)
```
#e2ba90
```
#e2ba90 rgb(226,186,144)
```
#e6c39f
```
#e6c39f rgb(230,195,159)
```
#eacdaf
```
#eacdaf rgb(234,205,175)
```
#eed7bf
```
#eed7bf rgb(238,215,191)
```
#f2e1ce
```
#f2e1ce rgb(242,225,206)
```
#f6eade
```
#f6eade rgb(246,234,222)
```
#faf4ed
```
#faf4ed rgb(250,244,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#514d49
```
#514d49 rgb(81,77,73)
```
#564d44
```
#564d44 rgb(86,77,68)
```
#5c4d3e
```
#5c4d3e rgb(92,77,62)
```
#624d38
```
#624d38 rgb(98,77,56)
```
#684e32
```
#684e32 rgb(104,78,50)
```
#6e4e2c
```
#6e4e2c rgb(110,78,44)
```
#744e26
```
#744e26 rgb(116,78,38)
```
#7a4e20
```
#7a4e20 rgb(122,78,32)
```
#804e1a
```
#804e1a rgb(128,78,26)
```
#864e14
```
#864e14 rgb(134,78,20)
```
#8c4e0e
```
#8c4e0e rgb(140,78,14)
```
#924f08
```
#924f08 rgb(146,79,8)
```
#984f02
```
#984f02 rgb(152,79,2)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#5d544b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a602e Protanopia 1% of men
#765c29 Deuteranopia 1% of men
#835257 Tritanopia 0.001% of the population

Trichromacy

#705929 Protanomaly 1% of men, 0.01% of women
#775626 Deuteranomaly 6% of men, 0.4% of women
#805043 Tritanomaly 0.01% of the population