#7e5524 hex color

In a RGB color space, hex #7e5524 is composed of 49.4% red, 33.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 71.4% yellow and 50.6% black. It has a hue angle of 32.7 degrees, a saturation of 55.6% and a lightness of 31.8%. #7e5524 color hex could be obtained by blending #fcaa48 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #7e5524 has RGB values of R:126, G:85, B:36 and CMYK values of C:0, M:0.33, Y:0.71, K:0.51. Its decimal value is 8279332.

Hex triplet	7e5524	`#7e5524`
RGB Decimal	126, 85, 36	`rgb(126,85,36)`
RGB Percent	49.4, 33.3, 14.1	`rgb(49.4%,33.3%,14.1%)`
CMYK	0, 33, 71, 51
HSL	32.7°, 55.6, 31.8	`hsl(32.7,55.6%,31.8%)`
HSV (or HSB)	32.7°, 71.4, 49.4
Web Safe	666633	`#666633`

CIE-LAB	39.683, 12.01, 34.524
XYZ	12.171, 11.061, 3.163
xyY	0.461, 0.419, 11.061
CIE-LCH	39.683, 36.553, 70.819
CIE-LUV	39.683, 31.838, 32.179
Hunter-Lab	33.258, 7.125, 17.642
Binary	01111110, 01010101, 00100100

#7e5524
```
#7e5524 rgb(126,85,36)
```
#244d7e
```
#244d7e rgb(36,77,126)
```

Complementary Color

#7e2824
```
#7e2824 rgb(126,40,36)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#7a7e24
```
#7a7e24 rgb(122,126,36)
```

Analogous Color

#28247e
```
#28247e rgb(40,36,126)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#247a7e
```
#247a7e rgb(36,122,126)
```

Split Complementary Color

#55247e
```
#55247e rgb(85,36,126)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#247e55
```
#247e55 rgb(36,126,85)
```

Triadic Color

#7e244d
```
#7e244d rgb(126,36,77)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#247e55
```
#247e55 rgb(36,126,85)
```
#244d7e
```
#244d7e rgb(36,77,126)
```

Tetradic Color

#432d13
```
#432d13 rgb(67,45,19)
```
#563a19
```
#563a19 rgb(86,58,25)
```
#6a481e
```
#6a481e rgb(106,72,30)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#92622a
```
#92622a rgb(146,98,42)
```
#a6702f
```
#a6702f rgb(166,112,47)
```
#ba7d35
```
#ba7d35 rgb(186,125,53)
```

Monochromatic Color

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

#7e3f24
```
#7e3f24 rgb(126,63,36)
```
#7e4624
```
#7e4624 rgb(126,70,36)
```
#7e4e24
```
#7e4e24 rgb(126,78,36)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#7e5d24
```
#7e5d24 rgb(126,93,36)
```
#7e6424
```
#7e6424 rgb(126,100,36)
```
#7e6c24
```
#7e6c24 rgb(126,108,36)
```

Similar Colors

Text with hexadecimal color #7e5524

This text has a font color of #7e5524.

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

#7e5524 background color

This paragraph has a background color of #7e5524.

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

#7e5524 border color

This element has a border color of #7e5524.

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

CSS codes

.text {color:#7e5524;}

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

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

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

#040301
```
#040301 rgb(4,3,1)
```
#130d05
```
#130d05 rgb(19,13,5)
```
#22170a
```
#22170a rgb(34,23,10)
```
#32220e
```
#32220e rgb(50,34,14)
```
#412c13
```
#412c13 rgb(65,44,19)
```
#503617
```
#503617 rgb(80,54,23)
```
#5f401b
```
#5f401b rgb(95,64,27)
```
#6f4b20
```
#6f4b20 rgb(111,75,32)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#8d5f28
```
#8d5f28 rgb(141,95,40)
```
#9d6a2d
```
#9d6a2d rgb(157,106,45)
```
#ac7431
```
#ac7431 rgb(172,116,49)
```
#bb7e35
```
#bb7e35 rgb(187,126,53)
```

Shade Color Variation

#c7883d
```
#c7883d rgb(199,136,61)
```
#cc924c
```
#cc924c rgb(204,146,76)
```
#d09b5b
```
#d09b5b rgb(208,155,91)
```
#d5a46a
```
#d5a46a rgb(213,164,106)
```
#d9ae7a
```
#d9ae7a rgb(217,174,122)
```
#ddb789
```
#ddb789 rgb(221,183,137)
```
#e2c098
```
#e2c098 rgb(226,192,152)
```
#e6c9a7
```
#e6c9a7 rgb(230,201,167)
```
#ead3b7
```
#ead3b7 rgb(234,211,183)
```
#efdcc6
```
#efdcc6 rgb(239,220,198)
```
#f3e5d5
```
#f3e5d5 rgb(243,229,213)
```
#f7efe4
```
#f7efe4 rgb(247,239,228)
```
#fcf8f4
```
#fcf8f4 rgb(252,248,244)
```

Tint Color Variation

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

#525150
```
#525150 rgb(82,81,80)
```
#595249
```
#595249 rgb(89,82,73)
```
#5f5243
```
#5f5243 rgb(95,82,67)
```
#65533d
```
#65533d rgb(101,83,61)
```
#6b5337
```
#6b5337 rgb(107,83,55)
```
#725430
```
#725430 rgb(114,84,48)
```
#78542a
```
#78542a rgb(120,84,42)
```
#7e5524
```
#7e5524 rgb(126,85,36)
```
#84561e
```
#84561e rgb(132,86,30)
```
#8a5618
```
#8a5618 rgb(138,86,24)
```
#915711
```
#915711 rgb(145,87,17)
```
#97570b
```
#97570b rgb(151,87,11)
```
#9d5805
```
#9d5805 rgb(157,88,5)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#635b51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706531 Protanopia 1% of men
#7d612e Deuteranopia 1% of men
#88585e Tritanopia 0.001% of the population

Trichromacy

#755f2c Protanomaly 1% of men, 0.01% of women
#7d5c2a Deuteranomaly 6% of men, 0.4% of women
#845749 Tritanomaly 0.01% of the population

#7e5524 hex color

#7e5524 Color Information

#7e5524 Color Conversion

Color Schemes with #7e5524

Alternatives to #7e5524

#7e5524 Preview

Shades and Tints of #7e5524

Tones of #7e5524

Color Blindness Simulator