#7d5f22 hex color

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

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

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

The hexadecimal color #7d5f22 has RGB values of R:125, G:95, B:34 and CMYK values of C:0, M:0.24, Y:0.73, K:0.51. Its decimal value is 8216354.

Hex triplet	7d5f22	`#7d5f22`
RGB Decimal	125, 95, 34	`rgb(125,95,34)`
RGB Percent	49, 37.3, 13.3	`rgb(49%,37.3%,13.3%)`
CMYK	0, 24, 73, 51
HSL	40.2°, 57.2, 31.2	`hsl(40.2,57.2%,31.2%)`
HSV (or HSB)	40.2°, 72.8, 49
Web Safe	666633	`#666633`

CIE-LAB	42.247, 5.479, 38.191
XYZ	12.839, 12.661, 3.281
xyY	0.446, 0.44, 12.661
CIE-LCH	42.247, 38.582, 81.836
CIE-LUV	42.247, 24.015, 37.154
Hunter-Lab	35.582, 2.139, 19.44
Binary	01111101, 01011111, 00100010

#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#22407d
```
#22407d rgb(34,64,125)
```

Complementary Color

#7d3222
```
#7d3222 rgb(125,50,34)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#6e7d22
```
#6e7d22 rgb(110,125,34)
```

Analogous Color

#32227d
```
#32227d rgb(50,34,125)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#226e7d
```
#226e7d rgb(34,110,125)
```

Split Complementary Color

#5f227d
```
#5f227d rgb(95,34,125)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#227d5f
```
#227d5f rgb(34,125,95)
```

Triadic Color

#7d2240
```
#7d2240 rgb(125,34,64)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#227d5f
```
#227d5f rgb(34,125,95)
```
#22407d
```
#22407d rgb(34,64,125)
```

Tetradic Color

#413112
```
#413112 rgb(65,49,18)
```
#554117
```
#554117 rgb(85,65,23)
```
#69501d
```
#69501d rgb(105,80,29)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#916e27
```
#916e27 rgb(145,110,39)
```
#a57d2d
```
#a57d2d rgb(165,125,45)
```
#b98d32
```
#b98d32 rgb(185,141,50)
```

Monochromatic Color

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

#7d4822
```
#7d4822 rgb(125,72,34)
```
#7d5022
```
#7d5022 rgb(125,80,34)
```
#7d5722
```
#7d5722 rgb(125,87,34)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#7d6722
```
#7d6722 rgb(125,103,34)
```
#7d6e22
```
#7d6e22 rgb(125,110,34)
```
#7d7622
```
#7d7622 rgb(125,118,34)
```

Similar Colors

Text with hexadecimal color #7d5f22

This text has a font color of #7d5f22.

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

#7d5f22 background color

This paragraph has a background color of #7d5f22.

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

#7d5f22 border color

This element has a border color of #7d5f22.

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

CSS codes

.text {color:#7d5f22;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110d05
```
#110d05 rgb(17,13,5)
```
#201909
```
#201909 rgb(32,25,9)
```
#30240d
```
#30240d rgb(48,36,13)
```
#3f3011
```
#3f3011 rgb(63,48,17)
```
#4f3c15
```
#4f3c15 rgb(79,60,21)
```
#5e481a
```
#5e481a rgb(94,72,26)
```
#6e531e
```
#6e531e rgb(110,83,30)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#8c6b26
```
#8c6b26 rgb(140,107,38)
```
#9c762a
```
#9c762a rgb(156,118,42)
```
#ab822f
```
#ab822f rgb(171,130,47)
```
#bb8e33
```
#bb8e33 rgb(187,142,51)
```

Shade Color Variation

#c99938
```
#c99938 rgb(201,153,56)
```
#cda148
```
#cda148 rgb(205,161,72)
```
#d1a957
```
#d1a957 rgb(209,169,87)
```
#d5b166
```
#d5b166 rgb(213,177,102)
```
#dab976
```
#dab976 rgb(218,185,118)
```
#dec185
```
#dec185 rgb(222,193,133)
```
#e2c995
```
#e2c995 rgb(226,201,149)
```
#e6d0a4
```
#e6d0a4 rgb(230,208,164)
```
#ead8b4
```
#ead8b4 rgb(234,216,180)
```
#efe0c3
```
#efe0c3 rgb(239,224,195)
```
#f3e8d2
```
#f3e8d2 rgb(243,232,210)
```
#f7f0e2
```
#f7f0e2 rgb(247,240,226)
```
#fbf8f1
```
#fbf8f1 rgb(251,248,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 #9c6903 is the most saturated one.

#52504d
```
#52504d rgb(82,80,77)
```
#585347
```
#585347 rgb(88,83,71)
```
#5e5541
```
#5e5541 rgb(94,85,65)
```
#65573a
```
#65573a rgb(101,87,58)
```
#6b5934
```
#6b5934 rgb(107,89,52)
```
#715b2e
```
#715b2e rgb(113,91,46)
```
#775d28
```
#775d28 rgb(119,93,40)
```
#7d5f22
```
#7d5f22 rgb(125,95,34)
```
#83611c
```
#83611c rgb(131,97,28)
```
#896316
```
#896316 rgb(137,99,22)
```
#8f6510
```
#8f6510 rgb(143,101,16)
```
#95670a
```
#95670a rgb(149,103,10)
```
#9c6903
```
#9c6903 rgb(156,105,3)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#79672a Protanomaly 1% of men, 0.01% of women
#826329 Deuteranomaly 6% of men, 0.4% of women
#84604e Tritanomaly 0.01% of the population

#7d5f22 hex color

#7d5f22 Color Information

#7d5f22 Color Conversion

Color Schemes with #7d5f22

Alternatives to #7d5f22

#7d5f22 Preview

Shades and Tints of #7d5f22

Tones of #7d5f22

Color Blindness Simulator