#7a5f20 hex color

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

♥
- f
- t
- g
- R 48
- G 37
- B 13
RGB color chart
- C 0
- M 22
- Y 74
- K 52
CMYK color chart

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

The hexadecimal color #7a5f20 has RGB values of R:122, G:95, B:32 and CMYK values of C:0, M:0.22, Y:0.74, K:0.52. Its decimal value is 8019744.

Hex triplet	7a5f20	`#7a5f20`
RGB Decimal	122, 95, 32	`rgb(122,95,32)`
RGB Percent	47.8, 37.3, 12.5	`rgb(47.8%,37.3%,12.5%)`
CMYK	0, 22, 74, 52
HSL	42°, 58.4, 30.2	`hsl(42,58.4%,30.2%)`
HSV (or HSB)	42°, 73.8, 47.8
Web Safe	666633	`#666633`

CIE-LAB	41.887, 3.936, 38.649
XYZ	12.379, 12.427, 3.113
xyY	0.443, 0.445, 12.427
CIE-LCH	41.887, 38.849, 84.186
CIE-LUV	41.887, 21.826, 37.6
Hunter-Lab	35.252, 0.992, 19.44
Binary	01111010, 01011111, 00100000

#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#203b7a
```
#203b7a rgb(32,59,122)
```

Complementary Color

#7a3220
```
#7a3220 rgb(122,50,32)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#687a20
```
#687a20 rgb(104,122,32)
```

Analogous Color

#32207a
```
#32207a rgb(50,32,122)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#20687a
```
#20687a rgb(32,104,122)
```

Split Complementary Color

#5f207a
```
#5f207a rgb(95,32,122)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#207a5f
```
#207a5f rgb(32,122,95)
```

Triadic Color

#7a203b
```
#7a203b rgb(122,32,59)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#207a5f
```
#207a5f rgb(32,122,95)
```
#203b7a
```
#203b7a rgb(32,59,122)
```

Tetradic Color

#3d3010
```
#3d3010 rgb(61,48,16)
```
#524015
```
#524015 rgb(82,64,21)
```
#664f1b
```
#664f1b rgb(102,79,27)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#8e6f25
```
#8e6f25 rgb(142,111,37)
```
#a27e2b
```
#a27e2b rgb(162,126,43)
```
#b78e30
```
#b78e30 rgb(183,142,48)
```

Monochromatic Color

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

#7a4920
```
#7a4920 rgb(122,73,32)
```
#7a5020
```
#7a5020 rgb(122,80,32)
```
#7a5820
```
#7a5820 rgb(122,88,32)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#7a6720
```
#7a6720 rgb(122,103,32)
```
#7a6e20
```
#7a6e20 rgb(122,110,32)
```
#7a7620
```
#7a7620 rgb(122,118,32)
```

Similar Colors

Text with hexadecimal color #7a5f20

This text has a font color of #7a5f20.

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

#7a5f20 background color

This paragraph has a background color of #7a5f20.

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

#7a5f20 border color

This element has a border color of #7a5f20.

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

CSS codes

.text {color:#7a5f20;}

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

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

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

#0d0a03
```
#0d0a03 rgb(13,10,3)
```
#1d1608
```
#1d1608 rgb(29,22,8)
```
#2c220c
```
#2c220c rgb(44,34,12)
```
#3c2f10
```
#3c2f10 rgb(60,47,16)
```
#4b3b14
```
#4b3b14 rgb(75,59,20)
```
#5b4718
```
#5b4718 rgb(91,71,24)
```
#6a531c
```
#6a531c rgb(106,83,28)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#8a6b24
```
#8a6b24 rgb(138,107,36)
```
#997728
```
#997728 rgb(153,119,40)
```
#a9832c
```
#a9832c rgb(169,131,44)
```
#b88f30
```
#b88f30 rgb(184,143,48)
```
#c89c34
```
#c89c34 rgb(200,156,52)
```

Shade Color Variation

#cda442
```
#cda442 rgb(205,164,66)
```
#d2ab52
```
#d2ab52 rgb(210,171,82)
```
#d6b361
```
#d6b361 rgb(214,179,97)
```
#daba71
```
#daba71 rgb(218,186,113)
```
#dec280
```
#dec280 rgb(222,194,128)
```
#e2c990
```
#e2c990 rgb(226,201,144)
```
#e6d19f
```
#e6d19f rgb(230,209,159)
```
#ead8af
```
#ead8af rgb(234,216,175)
```
#eee0bf
```
#eee0bf rgb(238,224,191)
```
#f2e7ce
```
#f2e7ce rgb(242,231,206)
```
#f6efde
```
#f6efde rgb(246,239,222)
```
#faf6ed
```
#faf6ed rgb(250,246,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#514e49
```
#514e49 rgb(81,78,73)
```
#565144
```
#565144 rgb(86,81,68)
```
#5c533e
```
#5c533e rgb(92,83,62)
```
#625638
```
#625638 rgb(98,86,56)
```
#685832
```
#685832 rgb(104,88,50)
```
#6e5a2c
```
#6e5a2c rgb(110,90,44)
```
#745d26
```
#745d26 rgb(116,93,38)
```
#7a5f20
```
#7a5f20 rgb(122,95,32)
```
#80611a
```
#80611a rgb(128,97,26)
```
#866414
```
#866414 rgb(134,100,20)
```
#8c660e
```
#8c660e rgb(140,102,14)
```
#926808
```
#926808 rgb(146,104,8)
```
#986b02
```
#986b02 rgb(152,107,2)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#656053 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766b2c Protanopia 1% of men
#84662c Deuteranopia 1% of men
#856167 Tritanopia 0.001% of the population

Trichromacy

#776628 Protanomaly 1% of men, 0.01% of women
#806327 Deuteranomaly 6% of men, 0.4% of women
#81604d Tritanomaly 0.01% of the population

#7a5f20 hex color

#7a5f20 Color Information

#7a5f20 Color Conversion

Color Schemes with #7a5f20

Alternatives to #7a5f20

#7a5f20 Preview

Shades and Tints of #7a5f20

Tones of #7a5f20

Color Blindness Simulator