colorhexa.com

#7a4520 hex color

In a RGB color space, hex #7a4520 is composed of 47.8% red, 27.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.4% magenta, 73.8% yellow and 52.2% black. It has a hue angle of 24.7 degrees, a saturation of 58.4% and a lightness of 30.2%. #7a4520 color hex could be obtained by blending #f48a40 with #000000. Closest websafe color is: #663333.

- R 48
- G 27
- B 13
RGB color chart
- C 0
- M 43
- Y 74
- K 52
CMYK color chart

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

The hexadecimal color #7a4520 has RGB values of R:122, G:69, B:32 and CMYK values of C:0, M:0.43, Y:0.74, K:0.52. Its decimal value is 8013088.

Hex triplet	7a4520	`#7a4520`
RGB Decimal	122, 69, 32	`rgb(122,69,32)`
RGB Percent	47.8, 27.1, 12.5	`rgb(47.8%,27.1%,12.5%)`
CMYK	0, 43, 74, 52
HSL	24.7°, 58.4, 30.2	`hsl(24.7,58.4%,30.2%)`
HSV (or HSB)	24.7°, 73.8, 47.8
Web Safe	663333	`#663333`

CIE-LAB	35.001, 19.433, 31.405
XYZ	10.415, 8.499, 2.458
xyY	0.487, 0.398, 8.499
CIE-LCH	35.001, 36.931, 58.252
CIE-LUV	35.001, 40.466, 26.476
Hunter-Lab	29.153, 12.753, 15.407
Binary	01111010, 01000101, 00100000

#7a4520
```
#7a4520 rgb(122,69,32)
```
#20557a
```
#20557a rgb(32,85,122)
```

Complementary Color

#7a2028
```
#7a2028 rgb(122,32,40)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#7a7220
```
#7a7220 rgb(122,114,32)
```

Analogous Color

#20287a
```
#20287a rgb(32,40,122)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#207a72
```
#207a72 rgb(32,122,114)
```

Split Complementary Color

#45207a
```
#45207a rgb(69,32,122)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#207a45
```
#207a45 rgb(32,122,69)
```

Triadic Color

#3d2310
```
#3d2310 rgb(61,35,16)
```
#522e15
```
#522e15 rgb(82,46,21)
```
#663a1b
```
#663a1b rgb(102,58,27)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#8e5025
```
#8e5025 rgb(142,80,37)
```
#a25c2b
```
#a25c2b rgb(162,92,43)
```
#b76730
```
#b76730 rgb(183,103,48)
```

Monochromatic Color

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

#7a2f20
```
#7a2f20 rgb(122,47,32)
```
#7a3620
```
#7a3620 rgb(122,54,32)
```
#7a3e20
```
#7a3e20 rgb(122,62,32)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#7a4d20
```
#7a4d20 rgb(122,77,32)
```
#7a5420
```
#7a5420 rgb(122,84,32)
```
#7a5c20
```
#7a5c20 rgb(122,92,32)
```

Similar Colors

Text with hexadecimal color #7a4520

This text has a font color of #7a4520.

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

#7a4520 background color

This paragraph has a background color of #7a4520.

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

#7a4520 border color

This element has a border color of #7a4520.

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

CSS codes

.text {color:#7a4520;}

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

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

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

#0d0703
```
#0d0703 rgb(13,7,3)
```
#1d1008
```
#1d1008 rgb(29,16,8)
```
#2c190c
```
#2c190c rgb(44,25,12)
```
#3c2210
```
#3c2210 rgb(60,34,16)
```
#4b2b14
```
#4b2b14 rgb(75,43,20)
```
#5b3318
```
#5b3318 rgb(91,51,24)
```
#6a3c1c
```
#6a3c1c rgb(106,60,28)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#8a4e24
```
#8a4e24 rgb(138,78,36)
```
#995728
```
#995728 rgb(153,87,40)
```
#a95f2c
```
#a95f2c rgb(169,95,44)
```
#b86830
```
#b86830 rgb(184,104,48)
```
#c87134
```
#c87134 rgb(200,113,52)
```

Shade Color Variation

#cd7b42
```
#cd7b42 rgb(205,123,66)
```
#d28652
```
#d28652 rgb(210,134,82)
```
#d69161
```
#d69161 rgb(214,145,97)
```
#da9c71
```
#da9c71 rgb(218,156,113)
```
#dea780
```
#dea780 rgb(222,167,128)
```
#e2b290
```
#e2b290 rgb(226,178,144)
```
#e6bc9f
```
#e6bc9f rgb(230,188,159)
```
#eac7af
```
#eac7af rgb(234,199,175)
```
#eed2bf
```
#eed2bf rgb(238,210,191)
```
#f2ddce
```
#f2ddce rgb(242,221,206)
```
#f6e8de
```
#f6e8de rgb(246,232,222)
```
#faf3ed
```
#faf3ed rgb(250,243,237)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#514c49
```
#514c49 rgb(81,76,73)
```
#564b44
```
#564b44 rgb(86,75,68)
```
#5c4a3e
```
#5c4a3e rgb(92,74,62)
```
#624938
```
#624938 rgb(98,73,56)
```
#684832
```
#684832 rgb(104,72,50)
```
#6e472c
```
#6e472c rgb(110,71,44)
```
#744626
```
#744626 rgb(116,70,38)
```
#7a4520
```
#7a4520 rgb(122,69,32)
```
#80441a
```
#80441a rgb(128,68,26)
```
#864314
```
#864314 rgb(134,67,20)
```
#8c420e
```
#8c420e rgb(140,66,14)
```
#924108
```
#924108 rgb(146,65,8)
```
#984002
```
#984002 rgb(152,64,2)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#594f47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645b2f Protanopia 1% of men
#705728 Deuteranopia 1% of men
#834a4f Tritanopia 0.001% of the population

Trichromacy

#6c5329 Protanomaly 1% of men, 0.01% of women
#735025 Deuteranomaly 6% of men, 0.4% of women
#7f483e Tritanomaly 0.01% of the population