#7d5a22 hex color

In a RGB color space, hex #7d5a22 is composed of 49% red, 35.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 72.8% yellow and 51% black. It has a hue angle of 36.9 degrees, a saturation of 57.2% and a lightness of 31.2%. #7d5a22 color hex could be obtained by blending #fab444 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #7d5a22 has RGB values of R:125, G:90, B:34 and CMYK values of C:0, M:0.28, Y:0.73, K:0.51. Its decimal value is 8215074.

Hex triplet	7d5a22	`#7d5a22`
RGB Decimal	125, 90, 34	`rgb(125,90,34)`
RGB Percent	49, 35.3, 13.3	`rgb(49%,35.3%,13.3%)`
CMYK	0, 28, 73, 51
HSL	36.9°, 57.2, 31.2	`hsl(36.9,57.2%,31.2%)`
HSV (or HSB)	36.9°, 72.8, 49
Web Safe	666633	`#666633`

CIE-LAB	40.878, 8.443, 36.763
XYZ	12.403, 11.788, 3.135
xyY	0.454, 0.431, 11.788
CIE-LCH	40.878, 37.72, 77.065
CIE-LUV	40.878, 27.588, 34.96
Hunter-Lab	34.334, 4.394, 18.62
Binary	01111101, 01011010, 00100010

#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#22457d
```
#22457d rgb(34,69,125)
```

Complementary Color

#7d2d22
```
#7d2d22 rgb(125,45,34)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#737d22
```
#737d22 rgb(115,125,34)
```

Analogous Color

#2d227d
```
#2d227d rgb(45,34,125)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#22737d
```
#22737d rgb(34,115,125)
```

Split Complementary Color

#5a227d
```
#5a227d rgb(90,34,125)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#227d5a
```
#227d5a rgb(34,125,90)
```

Triadic Color

#7d2245
```
#7d2245 rgb(125,34,69)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#227d5a
```
#227d5a rgb(34,125,90)
```
#22457d
```
#22457d rgb(34,69,125)
```

Tetradic Color

#412f12
```
#412f12 rgb(65,47,18)
```
#553d17
```
#553d17 rgb(85,61,23)
```
#694c1d
```
#694c1d rgb(105,76,29)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#916827
```
#916827 rgb(145,104,39)
```
#a5772d
```
#a5772d rgb(165,119,45)
```
#b98532
```
#b98532 rgb(185,133,50)
```

Monochromatic Color

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

#7d4322
```
#7d4322 rgb(125,67,34)
```
#7d4b22
```
#7d4b22 rgb(125,75,34)
```
#7d5222
```
#7d5222 rgb(125,82,34)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#7d6222
```
#7d6222 rgb(125,98,34)
```
#7d6922
```
#7d6922 rgb(125,105,34)
```
#7d7122
```
#7d7122 rgb(125,113,34)
```

Similar Colors

Text with hexadecimal color #7d5a22

This text has a font color of #7d5a22.

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

#7d5a22 background color

This paragraph has a background color of #7d5a22.

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

#7d5a22 border color

This element has a border color of #7d5a22.

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

CSS codes

.text {color:#7d5a22;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110c05
```
#110c05 rgb(17,12,5)
```
#201709
```
#201709 rgb(32,23,9)
```
#30220d
```
#30220d rgb(48,34,13)
```
#3f2e11
```
#3f2e11 rgb(63,46,17)
```
#4f3915
```
#4f3915 rgb(79,57,21)
```
#5e441a
```
#5e441a rgb(94,68,26)
```
#6e4f1e
```
#6e4f1e rgb(110,79,30)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#8c6526
```
#8c6526 rgb(140,101,38)
```
#9c702a
```
#9c702a rgb(156,112,42)
```
#ab7b2f
```
#ab7b2f rgb(171,123,47)
```
#bb8633
```
#bb8633 rgb(187,134,51)
```

Shade Color Variation

#c99138
```
#c99138 rgb(201,145,56)
```
#cd9a48
```
#cd9a48 rgb(205,154,72)
```
#d1a257
```
#d1a257 rgb(209,162,87)
```
#d5ab66
```
#d5ab66 rgb(213,171,102)
```
#dab376
```
#dab376 rgb(218,179,118)
```
#debc85
```
#debc85 rgb(222,188,133)
```
#e2c495
```
#e2c495 rgb(226,196,149)
```
#e6cda4
```
#e6cda4 rgb(230,205,164)
```
#ead5b4
```
#ead5b4 rgb(234,213,180)
```
#efdec3
```
#efdec3 rgb(239,222,195)
```
#f3e6d2
```
#f3e6d2 rgb(243,230,210)
```
#f7efe2
```
#f7efe2 rgb(247,239,226)
```
#fbf7f1
```
#fbf7f1 rgb(251,247,241)
```

Tint Color Variation

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

#52504d
```
#52504d rgb(82,80,77)
```
#585247
```
#585247 rgb(88,82,71)
```
#5e5341
```
#5e5341 rgb(94,83,65)
```
#65543a
```
#65543a rgb(101,84,58)
```
#6b5634
```
#6b5634 rgb(107,86,52)
```
#71572e
```
#71572e rgb(113,87,46)
```
#775928
```
#775928 rgb(119,89,40)
```
#7d5a22
```
#7d5a22 rgb(125,90,34)
```
#835b1c
```
#835b1c rgb(131,91,28)
```
#895d16
```
#895d16 rgb(137,93,22)
```
#8f5e10
```
#8f5e10 rgb(143,94,16)
```
#95600a
```
#95600a rgb(149,96,10)
```
#9c6103
```
#9c6103 rgb(156,97,3)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#645d52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73682f Protanopia 1% of men
#80632d Deuteranopia 1% of men
#875c63 Tritanopia 0.001% of the population

Trichromacy

#77632a Protanomaly 1% of men, 0.01% of women
#7f6029 Deuteranomaly 6% of men, 0.4% of women
#835b4b Tritanomaly 0.01% of the population

#7d5a22 hex color

#7d5a22 Color Information

#7d5a22 Color Conversion

Color Schemes with #7d5a22

Alternatives to #7d5a22

#7d5a22 Preview

Shades and Tints of #7d5a22

Tones of #7d5a22

Color Blindness Simulator