#7a5742 hex color

In a RGB color space, hex #7a5742 is composed of 47.8% red, 34.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.7% magenta, 45.9% yellow and 52.2% black. It has a hue angle of 22.5 degrees, a saturation of 29.8% and a lightness of 36.9%. #7a5742 color hex could be obtained by blending #f4ae84 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 48
- G 34
- B 26
RGB color chart
- C 0
- M 29
- Y 46
- K 52
CMYK color chart

● #7a5742 color description : Dark moderate orange.

The hexadecimal color #7a5742 has RGB values of R:122, G:87, B:66 and CMYK values of C:0, M:0.29, Y:0.46, K:0.52. Its decimal value is 8017730.

Hex triplet	7a5742	`#7a5742`
RGB Decimal	122, 87, 66	`rgb(122,87,66)`
RGB Percent	47.8, 34.1, 25.9	`rgb(47.8%,34.1%,25.9%)`
CMYK	0, 29, 46, 52
HSL	22.5°, 29.8, 36.9	`hsl(22.5,29.8%,36.9%)`
HSV (or HSB)	22.5°, 45.9, 47.8
Web Safe	666633	`#666633`

CIE-LAB	40.16, 11.639, 17.907
XYZ	12.418, 11.348, 6.69
xyY	0.408, 0.373, 11.348
CIE-LCH	40.16, 21.358, 56.978
CIE-LUV	40.16, 24.641, 18.534
Hunter-Lab	33.687, 6.847, 11.805
Binary	01111010, 01010111, 01000010

#7a5742
```
#7a5742 rgb(122,87,66)
```
#42657a
```
#42657a rgb(66,101,122)
```

Complementary Color

#7a4249
```
#7a4249 rgb(122,66,73)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#7a7342
```
#7a7342 rgb(122,115,66)
```

Analogous Color

#42497a
```
#42497a rgb(66,73,122)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#427a73
```
#427a73 rgb(66,122,115)
```

Split Complementary Color

#57427a
```
#57427a rgb(87,66,122)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#427a57
```
#427a57 rgb(66,122,87)
```

Triadic Color

#7a4265
```
#7a4265 rgb(122,66,101)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#427a57
```
#427a57 rgb(66,122,87)
```
#42657a
```
#42657a rgb(66,101,122)
```

Tetradic Color

#483427
```
#483427 rgb(72,52,39)
```
#593f30
```
#593f30 rgb(89,63,48)
```
#694b39
```
#694b39 rgb(105,75,57)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#8b634b
```
#8b634b rgb(139,99,75)
```
#9b6f54
```
#9b6f54 rgb(155,111,84)
```
#a97b60
```
#a97b60 rgb(169,123,96)
```

Monochromatic Color

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

#7a4942
```
#7a4942 rgb(122,73,66)
```
#7a4e42
```
#7a4e42 rgb(122,78,66)
```
#7a5242
```
#7a5242 rgb(122,82,66)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#7a5c42
```
#7a5c42 rgb(122,92,66)
```
#7a6042
```
#7a6042 rgb(122,96,66)
```
#7a6542
```
#7a6542 rgb(122,101,66)
```

Similar Colors

Text with hexadecimal color #7a5742

This text has a font color of #7a5742.

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

#7a5742 background color

This paragraph has a background color of #7a5742.

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

#7a5742 border color

This element has a border color of #7a5742.

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

CSS codes

.text {color:#7a5742;}

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

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

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

#070504
```
#070504 rgb(7,5,4)
```
#140e0b
```
#140e0b rgb(20,14,11)
```
#211712
```
#211712 rgb(33,23,18)
```
#2e2119
```
#2e2119 rgb(46,33,25)
```
#3a2a20
```
#3a2a20 rgb(58,42,32)
```
#473326
```
#473326 rgb(71,51,38)
```
#543c2d
```
#543c2d rgb(84,60,45)
```
#614534
```
#614534 rgb(97,69,52)
```
#6d4e3b
```
#6d4e3b rgb(109,78,59)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#876049
```
#876049 rgb(135,96,73)
```
#936950
```
#936950 rgb(147,105,80)
```
#a07257
```
#a07257 rgb(160,114,87)
```

Shade Color Variation

#aa7c61
```
#aa7c61 rgb(170,124,97)
```
#b0876e
```
#b0876e rgb(176,135,110)
```
#b7917a
```
#b7917a rgb(183,145,122)
```
#be9c87
```
#be9c87 rgb(190,156,135)
```
#c5a694
```
#c5a694 rgb(197,166,148)
```
#ccb1a1
```
#ccb1a1 rgb(204,177,161)
```
#d3bbad
```
#d3bbad rgb(211,187,173)
```
#dac6ba
```
#dac6ba rgb(218,198,186)
```
#e1d0c7
```
#e1d0c7 rgb(225,208,199)
```
#e7dbd4
```
#e7dbd4 rgb(231,219,212)
```
#eee6e0
```
#eee6e0 rgb(238,230,224)
```
#f5f0ed
```
#f5f0ed rgb(245,240,237)
```
#fcfbfa
```
#fcfbfa rgb(252,251,250)
```

Tint Color Variation

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

#645c58
```
#645c58 rgb(100,92,88)
```
#6c5b50
```
#6c5b50 rgb(108,91,80)
```
#735949
```
#735949 rgb(115,89,73)
```
#7a5742
```
#7a5742 rgb(122,87,66)
```
#81553b
```
#81553b rgb(129,85,59)
```
#885334
```
#885334 rgb(136,83,52)
```
#90522c
```
#90522c rgb(144,82,44)
```
#975025
```
#975025 rgb(151,80,37)
```
#9e4e1e
```
#9e4e1e rgb(158,78,30)
```
#a54c17
```
#a54c17 rgb(165,76,23)
```
#ad4a0f
```
#ad4a0f rgb(173,74,15)
```
#b44908
```
#b44908 rgb(180,73,8)
```
#bb4701
```
#bb4701 rgb(187,71,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#645d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e664e Protanopia 1% of men
#79624a Deuteranopia 1% of men
#835c62 Tritanopia 0.001% of the population

Trichromacy

#72614a Protanomaly 1% of men, 0.01% of women
#795e47 Deuteranomaly 6% of men, 0.4% of women
#7f5a56 Tritanomaly 0.01% of the population

#7a5742 hex color

#7a5742 Color Information

#7a5742 Color Conversion

Color Schemes with #7a5742

Alternatives to #7a5742

#7a5742 Preview

Shades and Tints of #7a5742

Tones of #7a5742

Color Blindness Simulator