#7e5e22 hex color

In a RGB color space, hex #7e5e22 is composed of 49.4% red, 36.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.4% magenta, 73% yellow and 50.6% black. It has a hue angle of 39.1 degrees, a saturation of 57.5% and a lightness of 31.4%. #7e5e22 color hex could be obtained by blending #fcbc44 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 37
- B 13
RGB color chart
- C 0
- M 25
- Y 73
- K 51
CMYK color chart

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

The hexadecimal color #7e5e22 has RGB values of R:126, G:94, B:34 and CMYK values of C:0, M:0.25, Y:0.73, K:0.51. Its decimal value is 8281634.

Hex triplet	7e5e22	`#7e5e22`
RGB Decimal	126, 94, 34	`rgb(126,94,34)`
RGB Percent	49.4, 36.9, 13.3	`rgb(49.4%,36.9%,13.3%)`
CMYK	0, 25, 73, 51
HSL	39.1°, 57.5, 31.4	`hsl(39.1,57.5%,31.4%)`
HSV (or HSB)	39.1°, 73, 49.4
Web Safe	666633	`#666633`

CIE-LAB	42.088, 6.545, 38.062
XYZ	12.896, 12.557, 3.258
xyY	0.449, 0.437, 12.557
CIE-LCH	42.088, 38.621, 80.244
CIE-LUV	42.088, 25.497, 36.773
Hunter-Lab	35.436, 2.946, 19.354
Binary	01111110, 01011110, 00100010

#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#22427e
```
#22427e rgb(34,66,126)
```

Complementary Color

#7e3022
```
#7e3022 rgb(126,48,34)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#707e22
```
#707e22 rgb(112,126,34)
```

Analogous Color

#30227e
```
#30227e rgb(48,34,126)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#22707e
```
#22707e rgb(34,112,126)
```

Split Complementary Color

#5e227e
```
#5e227e rgb(94,34,126)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#227e5e
```
#227e5e rgb(34,126,94)
```

Triadic Color

#7e2242
```
#7e2242 rgb(126,34,66)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#227e5e
```
#227e5e rgb(34,126,94)
```
#22427e
```
#22427e rgb(34,66,126)
```

Tetradic Color

#423112
```
#423112 rgb(66,49,18)
```
#564017
```
#564017 rgb(86,64,23)
```
#6a4f1d
```
#6a4f1d rgb(106,79,29)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#926d27
```
#926d27 rgb(146,109,39)
```
#a67c2d
```
#a67c2d rgb(166,124,45)
```
#ba8b32
```
#ba8b32 rgb(186,139,50)
```

Monochromatic Color

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

#7e4722
```
#7e4722 rgb(126,71,34)
```
#7e4f22
```
#7e4f22 rgb(126,79,34)
```
#7e5622
```
#7e5622 rgb(126,86,34)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#7e6622
```
#7e6622 rgb(126,102,34)
```
#7e6d22
```
#7e6d22 rgb(126,109,34)
```
#7e7522
```
#7e7522 rgb(126,117,34)
```

Similar Colors

Text with hexadecimal color #7e5e22

This text has a font color of #7e5e22.

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

#7e5e22 background color

This paragraph has a background color of #7e5e22.

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

#7e5e22 border color

This element has a border color of #7e5e22.

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

CSS codes

.text {color:#7e5e22;}

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

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

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

#020201
```
#020201 rgb(2,2,1)
```
#120d05
```
#120d05 rgb(18,13,5)
```
#211909
```
#211909 rgb(33,25,9)
```
#31240d
```
#31240d rgb(49,36,13)
```
#403011
```
#403011 rgb(64,48,17)
```
#503b15
```
#503b15 rgb(80,59,21)
```
#5f471a
```
#5f471a rgb(95,71,26)
```
#6f521e
```
#6f521e rgb(111,82,30)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#8d6a26
```
#8d6a26 rgb(141,106,38)
```
#9d752a
```
#9d752a rgb(157,117,42)
```
#ac812f
```
#ac812f rgb(172,129,47)
```
#bc8c33
```
#bc8c33 rgb(188,140,51)
```

Shade Color Variation

#c99739
```
#c99739 rgb(201,151,57)
```
#ce9f48
```
#ce9f48 rgb(206,159,72)
```
#d2a758
```
#d2a758 rgb(210,167,88)
```
#d6af67
```
#d6af67 rgb(214,175,103)
```
#dab776
```
#dab776 rgb(218,183,118)
```
#dec086
```
#dec086 rgb(222,192,134)
```
#e2c895
```
#e2c895 rgb(226,200,149)
```
#e7d0a5
```
#e7d0a5 rgb(231,208,165)
```
#ebd8b4
```
#ebd8b4 rgb(235,216,180)
```
#efe0c4
```
#efe0c4 rgb(239,224,196)
```
#f3e8d3
```
#f3e8d3 rgb(243,232,211)
```
#f7f0e3
```
#f7f0e3 rgb(247,240,227)
```
#fbf8f2
```
#fbf8f2 rgb(251,248,242)
```

Tint Color Variation

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

#53514d
```
#53514d rgb(83,81,77)
```
#595347
```
#595347 rgb(89,83,71)
```
#5f5541
```
#5f5541 rgb(95,85,65)
```
#65573b
```
#65573b rgb(101,87,59)
```
#6c5834
```
#6c5834 rgb(108,88,52)
```
#725a2e
```
#725a2e rgb(114,90,46)
```
#785c28
```
#785c28 rgb(120,92,40)
```
#7e5e22
```
#7e5e22 rgb(126,94,34)
```
#84601c
```
#84601c rgb(132,96,28)
```
#8a6216
```
#8a6216 rgb(138,98,22)
```
#906410
```
#906410 rgb(144,100,16)
```
#976509
```
#976509 rgb(151,101,9)
```
#9d6703
```
#9d6703 rgb(157,103,3)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#676054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776b2e Protanopia 1% of men
#84662d Deuteranopia 1% of men
#896067 Tritanopia 0.001% of the population

Trichromacy

#79662a Protanomaly 1% of men, 0.01% of women
#826329 Deuteranomaly 6% of men, 0.4% of women
#855f4d Tritanomaly 0.01% of the population

#7e5e22 hex color

#7e5e22 Color Information

#7e5e22 Color Conversion

Color Schemes with #7e5e22

Alternatives to #7e5e22

#7e5e22 Preview

Shades and Tints of #7e5e22

Tones of #7e5e22

Color Blindness Simulator