#7d5a36 hex color

In a RGB color space, hex #7d5a36 is composed of 49% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 56.8% yellow and 51% black. It has a hue angle of 30.4 degrees, a saturation of 39.7% and a lightness of 35.1%. #7d5a36 color hex could be obtained by blending #fab46c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 35
- B 21
RGB color chart
- C 0
- M 28
- Y 57
- K 51
CMYK color chart

● #7d5a36 color description : Dark moderate orange.

The hexadecimal color #7d5a36 has RGB values of R:125, G:90, B:54 and CMYK values of C:0, M:0.28, Y:0.57, K:0.51. Its decimal value is 8215094.

Hex triplet	7d5a36	`#7d5a36`
RGB Decimal	125, 90, 54	`rgb(125,90,54)`
RGB Percent	49, 35.3, 21.2	`rgb(49%,35.3%,21.2%)`
CMYK	0, 28, 57, 51
HSL	30.4°, 39.7, 35.1	`hsl(30.4,39.7%,35.1%)`
HSV (or HSB)	30.4°, 56.8, 49
Web Safe	666633	`#666633`

CIE-LAB	41.12, 9.946, 26.288
XYZ	12.78, 11.939, 5.121
xyY	0.428, 0.4, 11.939
CIE-LCH	41.12, 28.107, 69.275
CIE-LUV	41.12, 26.103, 26.824
Hunter-Lab	34.553, 5.55, 15.4
Binary	01111101, 01011010, 00110110

#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#36597d
```
#36597d rgb(54,89,125)
```

Complementary Color

#7d3736
```
#7d3736 rgb(125,55,54)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#7d7d36
```
#7d7d36 rgb(125,125,54)
```

Analogous Color

#36367d
```
#36367d rgb(54,54,125)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#367d7d
```
#367d7d rgb(54,125,125)
```

Split Complementary Color

#5a367d
```
#5a367d rgb(90,54,125)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#367d5a
```
#367d5a rgb(54,125,90)
```

Triadic Color

#7d3659
```
#7d3659 rgb(125,54,89)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#367d5a
```
#367d5a rgb(54,125,90)
```
#36597d
```
#36597d rgb(54,89,125)
```

Tetradic Color

#48341f
```
#48341f rgb(72,52,31)
```
#594027
```
#594027 rgb(89,64,39)
```
#6b4d2e
```
#6b4d2e rgb(107,77,46)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#8f673e
```
#8f673e rgb(143,103,62)
```
#a17445
```
#a17445 rgb(161,116,69)
```
#b2804d
```
#b2804d rgb(178,128,77)
```

Monochromatic Color

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

#7d4836
```
#7d4836 rgb(125,72,54)
```
#7d4e36
```
#7d4e36 rgb(125,78,54)
```
#7d5436
```
#7d5436 rgb(125,84,54)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#7d6036
```
#7d6036 rgb(125,96,54)
```
#7d6636
```
#7d6636 rgb(125,102,54)
```
#7d6c36
```
#7d6c36 rgb(125,108,54)
```

Similar Colors

Text with hexadecimal color #7d5a36

This text has a font color of #7d5a36.

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

#7d5a36 background color

This paragraph has a background color of #7d5a36.

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

#7d5a36 border color

This element has a border color of #7d5a36.

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

CSS codes

.text {color:#7d5a36;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0f0b07
```
#0f0b07 rgb(15,11,7)
```
#1d150d
```
#1d150d rgb(29,21,13)
```
#2b1f12
```
#2b1f12 rgb(43,31,18)
```
#392918
```
#392918 rgb(57,41,24)
```
#46331e
```
#46331e rgb(70,51,30)
```
#543c24
```
#543c24 rgb(84,60,36)
```
#62462a
```
#62462a rgb(98,70,42)
```
#6f5030
```
#6f5030 rgb(111,80,48)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#8b643c
```
#8b643c rgb(139,100,60)
```
#986e42
```
#986e42 rgb(152,110,66)
```
#a67848
```
#a67848 rgb(166,120,72)
```

Shade Color Variation

#b3814f
```
#b3814f rgb(179,129,79)
```
#b98b5c
```
#b98b5c rgb(185,139,92)
```
#bf956a
```
#bf956a rgb(191,149,106)
```
#c59f78
```
#c59f78 rgb(197,159,120)
```
#caa885
```
#caa885 rgb(202,168,133)
```
#d0b293
```
#d0b293 rgb(208,178,147)
```
#d6bca1
```
#d6bca1 rgb(214,188,161)
```
#dcc6af
```
#dcc6af rgb(220,198,175)
```
#e2cfbc
```
#e2cfbc rgb(226,207,188)
```
#e8d9ca
```
#e8d9ca rgb(232,217,202)
```
#eee3d8
```
#eee3d8 rgb(238,227,216)
```
#f4ede5
```
#f4ede5 rgb(244,237,229)
```
#faf6f3
```
#faf6f3 rgb(250,246,243)
```

Tint Color Variation

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

#5b5a58
```
#5b5a58 rgb(91,90,88)
```
#615a52
```
#615a52 rgb(97,90,82)
```
#685a4b
```
#685a4b rgb(104,90,75)
```
#6f5a44
```
#6f5a44 rgb(111,90,68)
```
#765a3d
```
#765a3d rgb(118,90,61)
```
#7d5a36
```
#7d5a36 rgb(125,90,54)
```
#845a2f
```
#845a2f rgb(132,90,47)
```
#8b5a28
```
#8b5a28 rgb(139,90,40)
```
#925a21
```
#925a21 rgb(146,90,33)
```
#995a1a
```
#995a1a rgb(153,90,26)
```
#9f5a14
```
#9f5a14 rgb(159,90,20)
```
#a65b0d
```
#a65b0d rgb(166,91,13)
```
#ad5b06
```
#ad5b06 rgb(173,91,6)
```

Tone Color Variation

Below, you can see how #7d5a36 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
#665f58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726942 Protanopia 1% of men
#7e643f Deuteranopia 1% of men
#875e64 Tritanopia 0.001% of the population

Trichromacy

#76633e Protanomaly 1% of men, 0.01% of women
#7e603c Deuteranomaly 6% of men, 0.4% of women
#835c53 Tritanomaly 0.01% of the population

#7d5a36 hex color

#7d5a36 Color Information

#7d5a36 Color Conversion

Color Schemes with #7d5a36

Alternatives to #7d5a36

#7d5a36 Preview

Shades and Tints of #7d5a36

Tones of #7d5a36

Color Blindness Simulator