#7d5522 hex color

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

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

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

The hexadecimal color #7d5522 has RGB values of R:125, G:85, B:34 and CMYK values of C:0, M:0.32, Y:0.73, K:0.51. Its decimal value is 8213794.

Hex triplet	7d5522	`#7d5522`
RGB Decimal	125, 85, 34	`rgb(125,85,34)`
RGB Percent	49, 33.3, 13.3	`rgb(49%,33.3%,13.3%)`
CMYK	0, 32, 73, 51
HSL	33.6°, 57.2, 31.2	`hsl(33.6,57.2%,31.2%)`
HSV (or HSB)	33.6°, 72.8, 49
Web Safe	666633	`#666633`

CIE-LAB	39.535, 11.421, 35.347
XYZ	11.995, 10.973, 3
xyY	0.462, 0.423, 10.973
CIE-LCH	39.535, 37.146, 72.094
CIE-LUV	39.535, 31.188, 32.787
Hunter-Lab	33.126, 6.665, 17.819
Binary	01111101, 01010101, 00100010

#7d5522
```
#7d5522 rgb(125,85,34)
```
#224a7d
```
#224a7d rgb(34,74,125)
```

Complementary Color

#7d2822
```
#7d2822 rgb(125,40,34)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#787d22
```
#787d22 rgb(120,125,34)
```

Analogous Color

#28227d
```
#28227d rgb(40,34,125)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#22787d
```
#22787d rgb(34,120,125)
```

Split Complementary Color

#55227d
```
#55227d rgb(85,34,125)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#227d55
```
#227d55 rgb(34,125,85)
```

Triadic Color

#7d224a
```
#7d224a rgb(125,34,74)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#227d55
```
#227d55 rgb(34,125,85)
```
#224a7d
```
#224a7d rgb(34,74,125)
```

Tetradic Color

#412c12
```
#412c12 rgb(65,44,18)
```
#553a17
```
#553a17 rgb(85,58,23)
```
#69471d
```
#69471d rgb(105,71,29)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#916327
```
#916327 rgb(145,99,39)
```
#a5702d
```
#a5702d rgb(165,112,45)
```
#b97e32
```
#b97e32 rgb(185,126,50)
```

Monochromatic Color

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

#7d3e22
```
#7d3e22 rgb(125,62,34)
```
#7d4622
```
#7d4622 rgb(125,70,34)
```
#7d4d22
```
#7d4d22 rgb(125,77,34)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#7d5d22
```
#7d5d22 rgb(125,93,34)
```
#7d6422
```
#7d6422 rgb(125,100,34)
```
#7d6c22
```
#7d6c22 rgb(125,108,34)
```

Similar Colors

Text with hexadecimal color #7d5522

This text has a font color of #7d5522.

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

#7d5522 background color

This paragraph has a background color of #7d5522.

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

#7d5522 border color

This element has a border color of #7d5522.

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

CSS codes

.text {color:#7d5522;}

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

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

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)
```
#201609
```
#201609 rgb(32,22,9)
```
#30210d
```
#30210d rgb(48,33,13)
```
#3f2b11
```
#3f2b11 rgb(63,43,17)
```
#4f3615
```
#4f3615 rgb(79,54,21)
```
#5e401a
```
#5e401a rgb(94,64,26)
```
#6e4b1e
```
#6e4b1e rgb(110,75,30)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#8c5f26
```
#8c5f26 rgb(140,95,38)
```
#9c6a2a
```
#9c6a2a rgb(156,106,42)
```
#ab742f
```
#ab742f rgb(171,116,47)
```
#bb7f33
```
#bb7f33 rgb(187,127,51)
```

Shade Color Variation

#c98938
```
#c98938 rgb(201,137,56)
```
#cd9248
```
#cd9248 rgb(205,146,72)
```
#d19c57
```
#d19c57 rgb(209,156,87)
```
#d5a566
```
#d5a566 rgb(213,165,102)
```
#daae76
```
#daae76 rgb(218,174,118)
```
#deb785
```
#deb785 rgb(222,183,133)
```
#e2c095
```
#e2c095 rgb(226,192,149)
```
#e6c9a4
```
#e6c9a4 rgb(230,201,164)
```
#ead2b4
```
#ead2b4 rgb(234,210,180)
```
#efdbc3
```
#efdbc3 rgb(239,219,195)
```
#f3e5d2
```
#f3e5d2 rgb(243,229,210)
```
#f7eee2
```
#f7eee2 rgb(247,238,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 #9c5903 is the most saturated one.

#52504d
```
#52504d rgb(82,80,77)
```
#585147
```
#585147 rgb(88,81,71)
```
#5e5141
```
#5e5141 rgb(94,81,65)
```
#65523a
```
#65523a rgb(101,82,58)
```
#6b5334
```
#6b5334 rgb(107,83,52)
```
#71542e
```
#71542e rgb(113,84,46)
```
#775428
```
#775428 rgb(119,84,40)
```
#7d5522
```
#7d5522 rgb(125,85,34)
```
#83561c
```
#83561c rgb(131,86,28)
```
#895616
```
#895616 rgb(137,86,22)
```
#8f5710
```
#8f5710 rgb(143,87,16)
```
#95580a
```
#95580a rgb(149,88,10)
```
#9c5903
```
#9c5903 rgb(156,89,3)
```

Tone Color Variation

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

#70652f Protanopia 1% of men
#7d602c Deuteranopia 1% of men
#87585e Tritanopia 0.001% of the population

Trichromacy

#745f2a Protanomaly 1% of men, 0.01% of women
#7d5c28 Deuteranomaly 6% of men, 0.4% of women
#835748 Tritanomaly 0.01% of the population

#7d5522 hex color

#7d5522 Color Information

#7d5522 Color Conversion

Color Schemes with #7d5522

Alternatives to #7d5522

#7d5522 Preview

Shades and Tints of #7d5522

Tones of #7d5522

Color Blindness Simulator