#7d522d hex color

In a RGB color space, hex #7d522d is composed of 49% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.4% magenta, 64% yellow and 51% black. It has a hue angle of 27.8 degrees, a saturation of 47.1% and a lightness of 33.3%. #7d522d color hex could be obtained by blending #faa45a with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 32
- B 18
RGB color chart
- C 0
- M 34
- Y 64
- K 51
CMYK color chart

● #7d522d color description : Dark moderate orange.

The hexadecimal color #7d522d has RGB values of R:125, G:82, B:45 and CMYK values of C:0, M:0.34, Y:0.64, K:0.51. Its decimal value is 8213037.

Hex triplet	7d522d	`#7d522d`
RGB Decimal	125, 82, 45	`rgb(125,82,45)`
RGB Percent	49, 32.2, 17.6	`rgb(49%,32.2%,17.6%)`
CMYK	0, 34, 64, 51
HSL	27.8°, 47.1, 33.3	`hsl(27.8,47.1%,33.3%)`
HSV (or HSB)	27.8°, 64, 49
Web Safe	666633	`#666633`

CIE-LAB	38.872, 13.956, 28.701
XYZ	11.949, 10.585, 3.896
xyY	0.452, 0.4, 10.585
CIE-LCH	38.872, 31.914, 64.068
CIE-LUV	38.872, 32.432, 27.244
Hunter-Lab	32.534, 8.621, 15.673
Binary	01111101, 01010010, 00101101

#7d522d
```
#7d522d rgb(125,82,45)
```
#2d587d
```
#2d587d rgb(45,88,125)
```

Complementary Color

#7d2d30
```
#7d2d30 rgb(125,45,48)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#7d7a2d
```
#7d7a2d rgb(125,122,45)
```

Analogous Color

#2d307d
```
#2d307d rgb(45,48,125)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#2d7d7a
```
#2d7d7a rgb(45,125,122)
```

Split Complementary Color

#522d7d
```
#522d7d rgb(82,45,125)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#2d7d52
```
#2d7d52 rgb(45,125,82)
```

Triadic Color

#7d2d58
```
#7d2d58 rgb(125,45,88)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#2d7d52
```
#2d7d52 rgb(45,125,82)
```
#2d587d
```
#2d587d rgb(45,88,125)
```

Tetradic Color

#452d19
```
#452d19 rgb(69,45,25)
```
#583920
```
#583920 rgb(88,57,32)
```
#6a4626
```
#6a4626 rgb(106,70,38)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#905e34
```
#905e34 rgb(144,94,52)
```
#a36b3b
```
#a36b3b rgb(163,107,59)
```
#b57741
```
#b57741 rgb(181,119,65)
```

Monochromatic Color

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

#7d3e2d
```
#7d3e2d rgb(125,62,45)
```
#7d452d
```
#7d452d rgb(125,69,45)
```
#7d4b2d
```
#7d4b2d rgb(125,75,45)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#7d592d
```
#7d592d rgb(125,89,45)
```
#7d5f2d
```
#7d5f2d rgb(125,95,45)
```
#7d662d
```
#7d662d rgb(125,102,45)
```

Similar Colors

Text with hexadecimal color #7d522d

This text has a font color of #7d522d.

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

#7d522d background color

This paragraph has a background color of #7d522d.

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

#7d522d border color

This element has a border color of #7d522d.

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

CSS codes

.text {color:#7d522d;}

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

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

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, #0a0603 is the darkest color, while #fdfcfa is the lightest one.

#0a0603
```
#0a0603 rgb(10,6,3)
```
#181009
```
#181009 rgb(24,16,9)
```
#26190e
```
#26190e rgb(38,25,14)
```
#352313
```
#352313 rgb(53,35,19)
```
#432c18
```
#432c18 rgb(67,44,24)
```
#52361d
```
#52361d rgb(82,54,29)
```
#603f23
```
#603f23 rgb(96,63,35)
```
#6f4928
```
#6f4928 rgb(111,73,40)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#8b5b32
```
#8b5b32 rgb(139,91,50)
```
#9a6537
```
#9a6537 rgb(154,101,55)
```
#a86e3d
```
#a86e3d rgb(168,110,61)
```
#b77842
```
#b77842 rgb(183,120,66)
```

Shade Color Variation

#bf824d
```
#bf824d rgb(191,130,77)
```
#c48c5c
```
#c48c5c rgb(196,140,92)
```
#c9966a
```
#c9966a rgb(201,150,106)
```
#cfa078
```
#cfa078 rgb(207,160,120)
```
#d4aa87
```
#d4aa87 rgb(212,170,135)
```
#d9b595
```
#d9b595 rgb(217,181,149)
```
#debfa4
```
#debfa4 rgb(222,191,164)
```
#e3c9b2
```
#e3c9b2 rgb(227,201,178)
```
#e9d3c1
```
#e9d3c1 rgb(233,211,193)
```
#eeddcf
```
#eeddcf rgb(238,221,207)
```
#f3e7dd
```
#f3e7dd rgb(243,231,221)
```
#f8f1ec
```
#f8f1ec rgb(248,241,236)
```
#fdfcfa
```
#fdfcfa rgb(253,252,250)
```

Tint Color Variation

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

#565554
```
#565554 rgb(86,85,84)
```
#5c544e
```
#5c544e rgb(92,84,78)
```
#635447
```
#635447 rgb(99,84,71)
```
#695341
```
#695341 rgb(105,83,65)
```
#70533a
```
#70533a rgb(112,83,58)
```
#765234
```
#765234 rgb(118,82,52)
```
#7d522d
```
#7d522d rgb(125,82,45)
```
#845226
```
#845226 rgb(132,82,38)
```
#8a5120
```
#8a5120 rgb(138,81,32)
```
#915119
```
#915119 rgb(145,81,25)
```
#975013
```
#975013 rgb(151,80,19)
```
#9e500c
```
#9e500c rgb(158,80,12)
```
#a44f06
```
#a44f06 rgb(164,79,6)
```

Tone Color Variation

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

Dichromacy

#6d643a Protanopia 1% of men
#795f36 Deuteranopia 1% of men
#86565c Tritanopia 0.001% of the population

Trichromacy

#735d35 Protanomaly 1% of men, 0.01% of women
#7a5a33 Deuteranomaly 6% of men, 0.4% of women
#83544b Tritanomaly 0.01% of the population

#7d522d hex color

#7d522d Color Information

#7d522d Color Conversion

Color Schemes with #7d522d

Alternatives to #7d522d

#7d522d Preview

Shades and Tints of #7d522d

Tones of #7d522d

Color Blindness Simulator