colorhexa.com

#7d5424 hex color

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

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

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

The hexadecimal color #7d5424 has RGB values of R:125, G:84, B:36 and CMYK values of C:0, M:0.33, Y:0.71, K:0.51. Its decimal value is 8213540.

Hex triplet	7d5424	`#7d5424`
RGB Decimal	125, 84, 36	`rgb(125,84,36)`
RGB Percent	49, 32.9, 14.1	`rgb(49%,32.9%,14.1%)`
CMYK	0, 33, 71, 51
HSL	32.4°, 55.3, 31.6	`hsl(32.4,55.3%,31.6%)`
HSV (or HSB)	32.4°, 71.2, 49
Web Safe	666633	`#666633`

CIE-LAB	39.291, 12.138, 34.062
XYZ	11.946, 10.829, 3.13
xyY	0.461, 0.418, 10.829
CIE-LCH	39.291, 36.16, 70.387
CIE-LUV	39.291, 31.767, 31.669
Hunter-Lab	32.907, 7.215, 17.396
Binary	01111101, 01010100, 00100100

#7d5424
```
#7d5424 rgb(125,84,36)
```
#244d7d
```
#244d7d rgb(36,77,125)
```

Complementary Color

#7d2824
```
#7d2824 rgb(125,40,36)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#7a7d24
```
#7a7d24 rgb(122,125,36)
```

Analogous Color

#28247d
```
#28247d rgb(40,36,125)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#247a7d
```
#247a7d rgb(36,122,125)
```

Split Complementary Color

#54247d
```
#54247d rgb(84,36,125)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#247d54
```
#247d54 rgb(36,125,84)
```

Triadic Color

#422c13
```
#422c13 rgb(66,44,19)
```
#553919
```
#553919 rgb(85,57,25)
```
#69471e
```
#69471e rgb(105,71,30)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#91612a
```
#91612a rgb(145,97,42)
```
#a56f2f
```
#a56f2f rgb(165,111,47)
```
#b87c35
```
#b87c35 rgb(184,124,53)
```

Monochromatic Color

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

#7d3e24
```
#7d3e24 rgb(125,62,36)
```
#7d4524
```
#7d4524 rgb(125,69,36)
```
#7d4d24
```
#7d4d24 rgb(125,77,36)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#7d5b24
```
#7d5b24 rgb(125,91,36)
```
#7d6324
```
#7d6324 rgb(125,99,36)
```
#7d6a24
```
#7d6a24 rgb(125,106,36)
```

Similar Colors

Text with hexadecimal color #7d5424

This text has a font color of #7d5424.

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

#7d5424 background color

This paragraph has a background color of #7d5424.

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

#7d5424 border color

This element has a border color of #7d5424.

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

CSS codes

.text {color:#7d5424;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120c05
```
#120c05 rgb(18,12,5)
```
#22170a
```
#22170a rgb(34,23,10)
```
#31210e
```
#31210e rgb(49,33,14)
```
#402b12
```
#402b12 rgb(64,43,18)
```
#4f3517
```
#4f3517 rgb(79,53,23)
```
#5f401b
```
#5f401b rgb(95,64,27)
```
#6e4a20
```
#6e4a20 rgb(110,74,32)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#8c5e28
```
#8c5e28 rgb(140,94,40)
```
#9b682d
```
#9b682d rgb(155,104,45)
```
#ab7331
```
#ab7331 rgb(171,115,49)
```
#ba7d36
```
#ba7d36 rgb(186,125,54)
```

Shade Color Variation

#c7873c
```
#c7873c rgb(199,135,60)
```
#cb904b
```
#cb904b rgb(203,144,75)
```
#d09a5b
```
#d09a5b rgb(208,154,91)
```
#d4a36a
```
#d4a36a rgb(212,163,106)
```
#d8ad79
```
#d8ad79 rgb(216,173,121)
```
#ddb688
```
#ddb688 rgb(221,182,136)
```
#e1bf98
```
#e1bf98 rgb(225,191,152)
```
#e6c9a7
```
#e6c9a7 rgb(230,201,167)
```
#ead2b6
```
#ead2b6 rgb(234,210,182)
```
#eedbc5
```
#eedbc5 rgb(238,219,197)
```
#f3e5d4
```
#f3e5d4 rgb(243,229,212)
```
#f7eee4
```
#f7eee4 rgb(247,238,228)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,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 #9c5605 is the most saturated one.

#52514f
```
#52514f rgb(82,81,79)
```
#585149
```
#585149 rgb(88,81,73)
```
#5e5243
```
#5e5243 rgb(94,82,67)
```
#64523d
```
#64523d rgb(100,82,61)
```
#6a5337
```
#6a5337 rgb(106,83,55)
```
#715330
```
#715330 rgb(113,83,48)
```
#77542a
```
#77542a rgb(119,84,42)
```
#7d5424
```
#7d5424 rgb(125,84,36)
```
#83541e
```
#83541e rgb(131,84,30)
```
#895518
```
#895518 rgb(137,85,24)
```
#905511
```
#905511 rgb(144,85,17)
```
#96560b
```
#96560b rgb(150,86,11)
```
#9c5605
```
#9c5605 rgb(156,86,5)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#625a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6531 Protanopia 1% of men
#7c602e Deuteranopia 1% of men
#87575d Tritanopia 0.001% of the population

Trichromacy

#745e2c Protanomaly 1% of men, 0.01% of women
#7c5b2a Deuteranomaly 6% of men, 0.4% of women
#835648 Tritanomaly 0.01% of the population