#7a5022 hex color

In a RGB color space, hex #7a5022 is composed of 47.8% red, 31.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 72.1% yellow and 52.2% black. It has a hue angle of 31.4 degrees, a saturation of 56.4% and a lightness of 30.6%. #7a5022 color hex could be obtained by blending #f4a044 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 48
- G 31
- B 13
RGB color chart
- C 0
- M 34
- Y 72
- K 52
CMYK color chart

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

The hexadecimal color #7a5022 has RGB values of R:122, G:80, B:34 and CMYK values of C:0, M:0.34, Y:0.72, K:0.52. Its decimal value is 8015906.

Hex triplet	7a5022	`#7a5022`
RGB Decimal	122, 80, 34	`rgb(122,80,34)`
RGB Percent	47.8, 31.4, 13.3	`rgb(47.8%,31.4%,13.3%)`
CMYK	0, 34, 72, 52
HSL	31.4°, 56.4, 30.6	`hsl(31.4,56.4%,30.6%)`
HSV (or HSB)	31.4°, 72.1, 47.8
Web Safe	666633	`#666633`

CIE-LAB	37.826, 13, 33.403
XYZ	11.184, 9.991, 2.853
xyY	0.465, 0.416, 9.991
CIE-LCH	37.826, 35.843, 68.734
CIE-LUV	37.826, 32.412, 30.402
Hunter-Lab	31.609, 7.841, 16.775
Binary	01111010, 01010000, 00100010

#7a5022
```
#7a5022 rgb(122,80,34)
```
#224c7a
```
#224c7a rgb(34,76,122)
```

Complementary Color

#7a2422
```
#7a2422 rgb(122,36,34)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#787a22
```
#787a22 rgb(120,122,34)
```

Analogous Color

#24227a
```
#24227a rgb(36,34,122)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#22787a
```
#22787a rgb(34,120,122)
```

Split Complementary Color

#50227a
```
#50227a rgb(80,34,122)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#227a50
```
#227a50 rgb(34,122,80)
```

Triadic Color

#7a224c
```
#7a224c rgb(122,34,76)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#227a50
```
#227a50 rgb(34,122,80)
```
#224c7a
```
#224c7a rgb(34,76,122)
```

Tetradic Color

#3e2911
```
#3e2911 rgb(62,41,17)
```
#523617
```
#523617 rgb(82,54,23)
```
#66431c
```
#66431c rgb(102,67,28)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#8e5d28
```
#8e5d28 rgb(142,93,40)
```
#a26a2d
```
#a26a2d rgb(162,106,45)
```
#b67733
```
#b67733 rgb(182,119,51)
```

Monochromatic Color

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

#7a3a22
```
#7a3a22 rgb(122,58,34)
```
#7a4122
```
#7a4122 rgb(122,65,34)
```
#7a4922
```
#7a4922 rgb(122,73,34)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#7a5722
```
#7a5722 rgb(122,87,34)
```
#7a5f22
```
#7a5f22 rgb(122,95,34)
```
#7a6622
```
#7a6622 rgb(122,102,34)
```

Similar Colors

Text with hexadecimal color #7a5022

This text has a font color of #7a5022.

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

#7a5022 background color

This paragraph has a background color of #7a5022.

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

#7a5022 border color

This element has a border color of #7a5022.

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

CSS codes

.text {color:#7a5022;}

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

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

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

#0f0a04
```
#0f0a04 rgb(15,10,4)
```
#1e1408
```
#1e1408 rgb(30,20,8)
```
#2d1e0d
```
#2d1e0d rgb(45,30,13)
```
#3d2811
```
#3d2811 rgb(61,40,17)
```
#4c3215
```
#4c3215 rgb(76,50,21)
```
#5b3c19
```
#5b3c19 rgb(91,60,25)
```
#6b461e
```
#6b461e rgb(107,70,30)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#895a26
```
#895a26 rgb(137,90,38)
```
#99642b
```
#99642b rgb(153,100,43)
```
#a86e2f
```
#a86e2f rgb(168,110,47)
```
#b77833
```
#b77833 rgb(183,120,51)
```
#c78237
```
#c78237 rgb(199,130,55)
```

Shade Color Variation

#cb8c46
```
#cb8c46 rgb(203,140,70)
```
#d09556
```
#d09556 rgb(208,149,86)
```
#d49f65
```
#d49f65 rgb(212,159,101)
```
#d8a974
```
#d8a974 rgb(216,169,116)
```
#ddb284
```
#ddb284 rgb(221,178,132)
```
#e1bc93
```
#e1bc93 rgb(225,188,147)
```
#e5c5a2
```
#e5c5a2 rgb(229,197,162)
```
#e9cfb2
```
#e9cfb2 rgb(233,207,178)
```
#eed8c1
```
#eed8c1 rgb(238,216,193)
```
#f2e2d0
```
#f2e2d0 rgb(242,226,208)
```
#f6ebe0
```
#f6ebe0 rgb(246,235,224)
```
#fbf5ef
```
#fbf5ef rgb(251,245,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#504e4c
```
#504e4c rgb(80,78,76)
```
#564e46
```
#564e46 rgb(86,78,70)
```
#5c4f40
```
#5c4f40 rgb(92,79,64)
```
#624f3a
```
#624f3a rgb(98,79,58)
```
#684f34
```
#684f34 rgb(104,79,52)
```
#6e4f2e
```
#6e4f2e rgb(110,79,46)
```
#745028
```
#745028 rgb(116,80,40)
```
#7a5022
```
#7a5022 rgb(122,80,34)
```
#80501c
```
#80501c rgb(128,80,28)
```
#865116
```
#865116 rgb(134,81,22)
```
#8c5110
```
#8c5110 rgb(140,81,16)
```
#92510a
```
#92510a rgb(146,81,10)
```
#985104
```
#985104 rgb(152,81,4)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#5e564c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6130 Protanopia 1% of men
#785d2c Deuteranopia 1% of men
#845459 Tritanopia 0.001% of the population

Trichromacy

#705b2a Protanomaly 1% of men, 0.01% of women
#785828 Deuteranomaly 6% of men, 0.4% of women
#805245 Tritanomaly 0.01% of the population

#7a5022 hex color

#7a5022 Color Information

#7a5022 Color Conversion

Color Schemes with #7a5022

Alternatives to #7a5022

#7a5022 Preview

Shades and Tints of #7a5022

Tones of #7a5022

Color Blindness Simulator