#7d5f24 hex color

In a RGB color space, hex #7d5f24 is composed of 49% red, 37.3% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 71.2% yellow and 51% black. It has a hue angle of 39.8 degrees, a saturation of 55.3% and a lightness of 31.6%. #7d5f24 color hex could be obtained by blending #fabe48 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #7d5f24 has RGB values of R:125, G:95, B:36 and CMYK values of C:0, M:0.24, Y:0.71, K:0.51. Its decimal value is 8216356.

Hex triplet	7d5f24	`#7d5f24`
RGB Decimal	125, 95, 36	`rgb(125,95,36)`
RGB Percent	49, 37.3, 14.1	`rgb(49%,37.3%,14.1%)`
CMYK	0, 24, 71, 51
HSL	39.8°, 55.3, 31.6	`hsl(39.8,55.3%,31.6%)`
HSV (or HSB)	39.8°, 71.2, 49
Web Safe	666633	`#666633`

CIE-LAB	42.265, 5.598, 37.249
XYZ	12.868, 12.672, 3.437
xyY	0.444, 0.437, 12.672
CIE-LCH	42.265, 37.667, 81.453
CIE-LUV	42.265, 23.91, 36.511
Hunter-Lab	35.598, 2.228, 19.194
Binary	01111101, 01011111, 00100100

#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#24427d
```
#24427d rgb(36,66,125)
```

Complementary Color

#7d3324
```
#7d3324 rgb(125,51,36)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#6f7d24
```
#6f7d24 rgb(111,125,36)
```

Analogous Color

#33247d
```
#33247d rgb(51,36,125)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#246f7d
```
#246f7d rgb(36,111,125)
```

Split Complementary Color

#5f247d
```
#5f247d rgb(95,36,125)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#247d5f
```
#247d5f rgb(36,125,95)
```

Triadic Color

#7d2442
```
#7d2442 rgb(125,36,66)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#247d5f
```
#247d5f rgb(36,125,95)
```
#24427d
```
#24427d rgb(36,66,125)
```

Tetradic Color

#423213
```
#423213 rgb(66,50,19)
```
#554119
```
#554119 rgb(85,65,25)
```
#69501e
```
#69501e rgb(105,80,30)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#916e2a
```
#916e2a rgb(145,110,42)
```
#a57d2f
```
#a57d2f rgb(165,125,47)
```
#b88c35
```
#b88c35 rgb(184,140,53)
```

Monochromatic Color

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

#7d4924
```
#7d4924 rgb(125,73,36)
```
#7d5024
```
#7d5024 rgb(125,80,36)
```
#7d5824
```
#7d5824 rgb(125,88,36)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#7d6624
```
#7d6624 rgb(125,102,36)
```
#7d6e24
```
#7d6e24 rgb(125,110,36)
```
#7d7524
```
#7d7524 rgb(125,117,36)
```

Similar Colors

Text with hexadecimal color #7d5f24

This text has a font color of #7d5f24.

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

#7d5f24 background color

This paragraph has a background color of #7d5f24.

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

#7d5f24 border color

This element has a border color of #7d5f24.

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

CSS codes

.text {color:#7d5f24;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120e05
```
#120e05 rgb(18,14,5)
```
#221a0a
```
#221a0a rgb(34,26,10)
```
#31250e
```
#31250e rgb(49,37,14)
```
#403112
```
#403112 rgb(64,49,18)
```
#4f3c17
```
#4f3c17 rgb(79,60,23)
```
#5f481b
```
#5f481b rgb(95,72,27)
```
#6e5320
```
#6e5320 rgb(110,83,32)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#8c6b28
```
#8c6b28 rgb(140,107,40)
```
#9b762d
```
#9b762d rgb(155,118,45)
```
#ab8231
```
#ab8231 rgb(171,130,49)
```
#ba8d36
```
#ba8d36 rgb(186,141,54)
```

Shade Color Variation

#c7983c
```
#c7983c rgb(199,152,60)
```
#cba04b
```
#cba04b rgb(203,160,75)
```
#d0a85b
```
#d0a85b rgb(208,168,91)
```
#d4b06a
```
#d4b06a rgb(212,176,106)
```
#d8b879
```
#d8b879 rgb(216,184,121)
```
#ddc088
```
#ddc088 rgb(221,192,136)
```
#e1c898
```
#e1c898 rgb(225,200,152)
```
#e6d0a7
```
#e6d0a7 rgb(230,208,167)
```
#ead8b6
```
#ead8b6 rgb(234,216,182)
```
#eee1c5
```
#eee1c5 rgb(238,225,197)
```
#f3e9d4
```
#f3e9d4 rgb(243,233,212)
```
#f7f1e4
```
#f7f1e4 rgb(247,241,228)
```
#fcf9f3
```
#fcf9f3 rgb(252,249,243)
```

Tint Color Variation

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

#52514f
```
#52514f rgb(82,81,79)
```
#585349
```
#585349 rgb(88,83,73)
```
#5e5543
```
#5e5543 rgb(94,85,67)
```
#64573d
```
#64573d rgb(100,87,61)
```
#6a5937
```
#6a5937 rgb(106,89,55)
```
#715b30
```
#715b30 rgb(113,91,48)
```
#775d2a
```
#775d2a rgb(119,93,42)
```
#7d5f24
```
#7d5f24 rgb(125,95,36)
```
#83611e
```
#83611e rgb(131,97,30)
```
#896318
```
#896318 rgb(137,99,24)
```
#906511
```
#906511 rgb(144,101,17)
```
#96670b
```
#96670b rgb(150,103,11)
```
#9c6905
```
#9c6905 rgb(156,105,5)
```

Tone Color Variation

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

Dichromacy

#776b30 Protanopia 1% of men
#84662f Deuteranopia 1% of men
#886168 Tritanopia 0.001% of the population

Trichromacy

#79672c Protanomaly 1% of men, 0.01% of women
#81642b Deuteranomaly 6% of men, 0.4% of women
#84604f Tritanomaly 0.01% of the population

#7d5f24 hex color

#7d5f24 Color Information

#7d5f24 Color Conversion

Color Schemes with #7d5f24

Alternatives to #7d5f24

#7d5f24 Preview

Shades and Tints of #7d5f24

Tones of #7d5f24

Color Blindness Simulator