#7a522d hex color

In a RGB color space, hex #7a522d is composed of 47.8% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.8% magenta, 63.1% yellow and 52.2% black. It has a hue angle of 28.8 degrees, a saturation of 46.1% and a lightness of 32.7%. #7a522d color hex could be obtained by blending #f4a45a with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 48
- G 32
- B 18
RGB color chart
- C 0
- M 33
- Y 63
- K 52
CMYK color chart

● #7a522d color description : Dark moderate orange.

The hexadecimal color #7a522d has RGB values of R:122, G:82, B:45 and CMYK values of C:0, M:0.33, Y:0.63, K:0.52. Its decimal value is 8016429.

Hex triplet	7a522d	`#7a522d`
RGB Decimal	122, 82, 45	`rgb(122,82,45)`
RGB Percent	47.8, 32.2, 17.6	`rgb(47.8%,32.2%,17.6%)`
CMYK	0, 33, 63, 52
HSL	28.8°, 46.1, 32.7	`hsl(28.8,46.1%,32.7%)`
HSV (or HSB)	28.8°, 63.1, 47.8
Web Safe	666633	`#666633`

CIE-LAB	38.485, 12.573, 28.148
XYZ	11.517, 10.362, 3.876
xyY	0.447, 0.402, 10.362
CIE-LCH	38.485, 30.828, 65.93
CIE-LUV	38.485, 30.085, 26.966
Hunter-Lab	32.191, 7.53, 15.394
Binary	01111010, 01010010, 00101101

#7a522d
```
#7a522d rgb(122,82,45)
```
#2d557a
```
#2d557a rgb(45,85,122)
```

Complementary Color

#7a2d2e
```
#7a2d2e rgb(122,45,46)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#7a792d
```
#7a792d rgb(122,121,45)
```

Analogous Color

#2d2e7a
```
#2d2e7a rgb(45,46,122)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#2d7a79
```
#2d7a79 rgb(45,122,121)
```

Split Complementary Color

#522d7a
```
#522d7a rgb(82,45,122)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#2d7a52
```
#2d7a52 rgb(45,122,82)
```

Triadic Color

#7a2d55
```
#7a2d55 rgb(122,45,85)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#2d7a52
```
#2d7a52 rgb(45,122,82)
```
#2d557a
```
#2d557a rgb(45,85,122)
```

Tetradic Color

#422c18
```
#422c18 rgb(66,44,24)
```
#55391f
```
#55391f rgb(85,57,31)
```
#674526
```
#674526 rgb(103,69,38)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#8d5f34
```
#8d5f34 rgb(141,95,52)
```
#9f6b3b
```
#9f6b3b rgb(159,107,59)
```
#b27842
```
#b27842 rgb(178,120,66)
```

Monochromatic Color

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

#7a3f2d
```
#7a3f2d rgb(122,63,45)
```
#7a452d
```
#7a452d rgb(122,69,45)
```
#7a4c2d
```
#7a4c2d rgb(122,76,45)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#7a582d
```
#7a582d rgb(122,88,45)
```
#7a5f2d
```
#7a5f2d rgb(122,95,45)
```
#7a652d
```
#7a652d rgb(122,101,45)
```

Similar Colors

Text with hexadecimal color #7a522d

This text has a font color of #7a522d.

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

#7a522d background color

This paragraph has a background color of #7a522d.

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

#7a522d border color

This element has a border color of #7a522d.

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

CSS codes

.text {color:#7a522d;}

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

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

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

#070503
```
#070503 rgb(7,5,3)
```
#160f08
```
#160f08 rgb(22,15,8)
```
#24180d
```
#24180d rgb(36,24,13)
```
#322213
```
#322213 rgb(50,34,19)
```
#412b18
```
#412b18 rgb(65,43,24)
```
#4f351d
```
#4f351d rgb(79,53,29)
```
#5d3f22
```
#5d3f22 rgb(93,63,34)
```
#6c4828
```
#6c4828 rgb(108,72,40)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#885c32
```
#885c32 rgb(136,92,50)
```
#976538
```
#976538 rgb(151,101,56)
```
#a56f3d
```
#a56f3d rgb(165,111,61)
```
#b37942
```
#b37942 rgb(179,121,66)
```

Shade Color Variation

#bd824c
```
#bd824c rgb(189,130,76)
```
#c28c5a
```
#c28c5a rgb(194,140,90)
```
#c89669
```
#c89669 rgb(200,150,105)
```
#cda077
```
#cda077 rgb(205,160,119)
```
#d2aa85
```
#d2aa85 rgb(210,170,133)
```
#d7b494
```
#d7b494 rgb(215,180,148)
```
#ddbea2
```
#ddbea2 rgb(221,190,162)
```
#e2c8b0
```
#e2c8b0 rgb(226,200,176)
```
#e7d2bf
```
#e7d2bf rgb(231,210,191)
```
#eddccd
```
#eddccd rgb(237,220,205)
```
#f2e6db
```
#f2e6db rgb(242,230,219)
```
#f7f0ea
```
#f7f0ea rgb(247,240,234)
```
#fcfaf8
```
#fcfaf8 rgb(252,250,248)
```

Tint Color Variation

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

#5a534d
```
#5a534d rgb(90,83,77)
```
#605347
```
#605347 rgb(96,83,71)
```
#675340
```
#675340 rgb(103,83,64)
```
#6d533a
```
#6d533a rgb(109,83,58)
```
#745233
```
#745233 rgb(116,82,51)
```
#7a522d
```
#7a522d rgb(122,82,45)
```
#805227
```
#805227 rgb(128,82,39)
```
#875120
```
#875120 rgb(135,81,32)
```
#8d511a
```
#8d511a rgb(141,81,26)
```
#945113
```
#945113 rgb(148,81,19)
```
#9a510d
```
#9a510d rgb(154,81,13)
```
#a15006
```
#a15006 rgb(161,80,6)
```
#a75000
```
#a75000 rgb(167,80,0)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#605851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c633a Protanopia 1% of men
#785e36 Deuteranopia 1% of men
#83565c Tritanopia 0.001% of the population

Trichromacy

#715c35 Protanomaly 1% of men, 0.01% of women
#795a33 Deuteranomaly 6% of men, 0.4% of women
#80544b Tritanomaly 0.01% of the population

#7a522d hex color

#7a522d Color Information

#7a522d Color Conversion

Color Schemes with #7a522d

Alternatives to #7a522d

#7a522d Preview

Shades and Tints of #7a522d

Tones of #7a522d

Color Blindness Simulator