#7a5a36 hex color

In a RGB color space, hex #7a5a36 is composed of 47.8% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.2% magenta, 55.7% yellow and 52.2% black. It has a hue angle of 31.8 degrees, a saturation of 38.6% and a lightness of 34.5%. #7a5a36 color hex could be obtained by blending #f4b46c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 48
- G 35
- B 21
RGB color chart
- C 0
- M 26
- Y 56
- K 52
CMYK color chart

● #7a5a36 color description : Dark moderate orange.

The hexadecimal color #7a5a36 has RGB values of R:122, G:90, B:54 and CMYK values of C:0, M:0.26, Y:0.56, K:0.52. Its decimal value is 8018486.

Hex triplet	7a5a36	`#7a5a36`
RGB Decimal	122, 90, 54	`rgb(122,90,54)`
RGB Percent	47.8, 35.3, 21.2	`rgb(47.8%,35.3%,21.2%)`
CMYK	0, 26, 56, 52
HSL	31.8°, 38.6, 34.5	`hsl(31.8,38.6%,34.5%)`
HSV (or HSB)	31.8°, 55.7, 47.8
Web Safe	666633	`#666633`

CIE-LAB	40.763, 8.57, 25.767
XYZ	12.348, 11.717, 5.101
xyY	0.423, 0.402, 11.717
CIE-LCH	40.763, 27.155, 71.604
CIE-LUV	40.763, 23.841, 26.548
Hunter-Lab	34.23, 4.49, 15.125
Binary	01111010, 01011010, 00110110

#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#36567a
```
#36567a rgb(54,86,122)
```

Complementary Color

#7a3836
```
#7a3836 rgb(122,56,54)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#787a36
```
#787a36 rgb(120,122,54)
```

Analogous Color

#38367a
```
#38367a rgb(56,54,122)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#36787a
```
#36787a rgb(54,120,122)
```

Split Complementary Color

#5a367a
```
#5a367a rgb(90,54,122)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#367a5a
```
#367a5a rgb(54,122,90)
```

Triadic Color

#7a3656
```
#7a3656 rgb(122,54,86)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#367a5a
```
#367a5a rgb(54,122,90)
```
#36567a
```
#36567a rgb(54,86,122)
```

Tetradic Color

#45331f
```
#45331f rgb(69,51,31)
```
#574026
```
#574026 rgb(87,64,38)
```
#684d2e
```
#684d2e rgb(104,77,46)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#8c673e
```
#8c673e rgb(140,103,62)
```
#9d7446
```
#9d7446 rgb(157,116,70)
```
#af814d
```
#af814d rgb(175,129,77)
```

Monochromatic Color

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

#7a4936
```
#7a4936 rgb(122,73,54)
```
#7a4f36
```
#7a4f36 rgb(122,79,54)
```
#7a5436
```
#7a5436 rgb(122,84,54)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#7a6036
```
#7a6036 rgb(122,96,54)
```
#7a6536
```
#7a6536 rgb(122,101,54)
```
#7a6b36
```
#7a6b36 rgb(122,107,54)
```

Similar Colors

Text with hexadecimal color #7a5a36

This text has a font color of #7a5a36.

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

#7a5a36 background color

This paragraph has a background color of #7a5a36.

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

#7a5a36 border color

This element has a border color of #7a5a36.

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

CSS codes

.text {color:#7a5a36;}

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

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

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

#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1b140c
```
#1b140c rgb(27,20,12)
```
#281e12
```
#281e12 rgb(40,30,18)
```
#362818
```
#362818 rgb(54,40,24)
```
#44321e
```
#44321e rgb(68,50,30)
```
#513c24
```
#513c24 rgb(81,60,36)
```
#5f462a
```
#5f462a rgb(95,70,42)
```
#6c5030
```
#6c5030 rgb(108,80,48)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#88643c
```
#88643c rgb(136,100,60)
```
#956e42
```
#956e42 rgb(149,110,66)
```
#a37848
```
#a37848 rgb(163,120,72)
```
#b0824e
```
#b0824e rgb(176,130,78)
```

Shade Color Variation

#b78c5b
```
#b78c5b rgb(183,140,91)
```
#bd9569
```
#bd9569 rgb(189,149,105)
```
#c39f77
```
#c39f77 rgb(195,159,119)
```
#c9a884
```
#c9a884 rgb(201,168,132)
```
#cfb292
```
#cfb292 rgb(207,178,146)
```
#d5bc9f
```
#d5bc9f rgb(213,188,159)
```
#dbc5ad
```
#dbc5ad rgb(219,197,173)
```
#e1cfbb
```
#e1cfbb rgb(225,207,187)
```
#e7d8c8
```
#e7d8c8 rgb(231,216,200)
```
#ede2d6
```
#ede2d6 rgb(237,226,214)
```
#f3ece3
```
#f3ece3 rgb(243,236,227)
```
#f9f5f1
```
#f9f5f1 rgb(249,245,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#585858
```
#585858 rgb(88,88,88)
```
#5f5851
```
#5f5851 rgb(95,88,81)
```
#66594a
```
#66594a rgb(102,89,74)
```
#6c5944
```
#6c5944 rgb(108,89,68)
```
#735a3d
```
#735a3d rgb(115,90,61)
```
#7a5a36
```
#7a5a36 rgb(122,90,54)
```
#815a2f
```
#815a2f rgb(129,90,47)
```
#885b28
```
#885b28 rgb(136,91,40)
```
#8e5b22
```
#8e5b22 rgb(142,91,34)
```
#955c1b
```
#955c1b rgb(149,92,27)
```
#9c5c14
```
#9c5c14 rgb(156,92,20)
```
#a35c0d
```
#a35c0d rgb(163,92,13)
```
#a95d07
```
#a95d07 rgb(169,93,7)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#645e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716842 Protanopia 1% of men
#7d6340 Deuteranopia 1% of men
#845e64 Tritanopia 0.001% of the population

Trichromacy

#74633d Protanomaly 1% of men, 0.01% of women
#7c603c Deuteranomaly 6% of men, 0.4% of women
#805c53 Tritanomaly 0.01% of the population

#7a5a36 hex color

#7a5a36 Color Information

#7a5a36 Color Conversion

Color Schemes with #7a5a36

Alternatives to #7a5a36

#7a5a36 Preview

Shades and Tints of #7a5a36

Tones of #7a5a36

Color Blindness Simulator