#7e5522 hex color

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

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

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

The hexadecimal color #7e5522 has RGB values of R:126, G:85, B:34 and CMYK values of C:0, M:0.33, Y:0.73, K:0.51. Its decimal value is 8279330.

Hex triplet	7e5522	`#7e5522`
RGB Decimal	126, 85, 34	`rgb(126,85,34)`
RGB Percent	49.4, 33.3, 13.3	`rgb(49.4%,33.3%,13.3%)`
CMYK	0, 33, 73, 51
HSL	33.3°, 57.5, 31.4	`hsl(33.3,57.5%,31.4%)`
HSV (or HSB)	33.3°, 73, 49.4
Web Safe	666633	`#666633`

CIE-LAB	39.663, 11.891, 35.52
XYZ	12.142, 11.049, 3.006
xyY	0.463, 0.422, 11.049
CIE-LCH	39.663, 37.458, 71.492
CIE-LUV	39.663, 31.979, 32.859
Hunter-Lab	33.24, 7.032, 17.905
Binary	01111110, 01010101, 00100010

#7e5522
```
#7e5522 rgb(126,85,34)
```
#224b7e
```
#224b7e rgb(34,75,126)
```

Complementary Color

#7e2722
```
#7e2722 rgb(126,39,34)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#797e22
```
#797e22 rgb(121,126,34)
```

Analogous Color

#27227e
```
#27227e rgb(39,34,126)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#22797e
```
#22797e rgb(34,121,126)
```

Split Complementary Color

#55227e
```
#55227e rgb(85,34,126)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#227e55
```
#227e55 rgb(34,126,85)
```

Triadic Color

#7e224b
```
#7e224b rgb(126,34,75)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#227e55
```
#227e55 rgb(34,126,85)
```
#224b7e
```
#224b7e rgb(34,75,126)
```

Tetradic Color

#422c12
```
#422c12 rgb(66,44,18)
```
#563a17
```
#563a17 rgb(86,58,23)
```
#6a471d
```
#6a471d rgb(106,71,29)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#926327
```
#926327 rgb(146,99,39)
```
#a6702d
```
#a6702d rgb(166,112,45)
```
#ba7e32
```
#ba7e32 rgb(186,126,50)
```

Monochromatic Color

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

#7e3e22
```
#7e3e22 rgb(126,62,34)
```
#7e4622
```
#7e4622 rgb(126,70,34)
```
#7e4d22
```
#7e4d22 rgb(126,77,34)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#7e5d22
```
#7e5d22 rgb(126,93,34)
```
#7e6422
```
#7e6422 rgb(126,100,34)
```
#7e6c22
```
#7e6c22 rgb(126,108,34)
```

Similar Colors

Text with hexadecimal color #7e5522

This text has a font color of #7e5522.

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

#7e5522 background color

This paragraph has a background color of #7e5522.

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

#7e5522 border color

This element has a border color of #7e5522.

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

CSS codes

.text {color:#7e5522;}

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

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

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 #fbf7f2 is the lightest one.

#020201
```
#020201 rgb(2,2,1)
```
#120c05
```
#120c05 rgb(18,12,5)
```
#211609
```
#211609 rgb(33,22,9)
```
#31210d
```
#31210d rgb(49,33,13)
```
#402b11
```
#402b11 rgb(64,43,17)
```
#503615
```
#503615 rgb(80,54,21)
```
#5f401a
```
#5f401a rgb(95,64,26)
```
#6f4b1e
```
#6f4b1e rgb(111,75,30)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#8d5f26
```
#8d5f26 rgb(141,95,38)
```
#9d6a2a
```
#9d6a2a rgb(157,106,42)
```
#ac742f
```
#ac742f rgb(172,116,47)
```
#bc7f33
```
#bc7f33 rgb(188,127,51)
```

Shade Color Variation

#c98939
```
#c98939 rgb(201,137,57)
```
#ce9248
```
#ce9248 rgb(206,146,72)
```
#d29b58
```
#d29b58 rgb(210,155,88)
```
#d6a467
```
#d6a467 rgb(214,164,103)
```
#daae76
```
#daae76 rgb(218,174,118)
```
#deb786
```
#deb786 rgb(222,183,134)
```
#e2c095
```
#e2c095 rgb(226,192,149)
```
#e7c9a5
```
#e7c9a5 rgb(231,201,165)
```
#ebd2b4
```
#ebd2b4 rgb(235,210,180)
```
#efdcc4
```
#efdcc4 rgb(239,220,196)
```
#f3e5d3
```
#f3e5d3 rgb(243,229,211)
```
#f7eee3
```
#f7eee3 rgb(247,238,227)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#53504d
```
#53504d rgb(83,80,77)
```
#595147
```
#595147 rgb(89,81,71)
```
#5f5241
```
#5f5241 rgb(95,82,65)
```
#65523b
```
#65523b rgb(101,82,59)
```
#6c5334
```
#6c5334 rgb(108,83,52)
```
#72542e
```
#72542e rgb(114,84,46)
```
#785428
```
#785428 rgb(120,84,40)
```
#7e5522
```
#7e5522 rgb(126,85,34)
```
#84561c
```
#84561c rgb(132,86,28)
```
#8a5616
```
#8a5616 rgb(138,86,22)
```
#905710
```
#905710 rgb(144,87,16)
```
#975809
```
#975809 rgb(151,88,9)
```
#9d5803
```
#9d5803 rgb(157,88,3)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#625a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70652f Protanopia 1% of men
#7d612c Deuteranopia 1% of men
#88585e Tritanopia 0.001% of the population

Trichromacy

#755f2a Protanomaly 1% of men, 0.01% of women
#7d5c28 Deuteranomaly 6% of men, 0.4% of women
#845748 Tritanomaly 0.01% of the population

#7e5522 hex color

#7e5522 Color Information

#7e5522 Color Conversion

Color Schemes with #7e5522

Alternatives to #7e5522

#7e5522 Preview

Shades and Tints of #7e5522

Tones of #7e5522

Color Blindness Simulator