#7b5742 hex color

In a RGB color space, hex #7b5742 is composed of 48.2% red, 34.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.3% magenta, 46.3% yellow and 51.8% black. It has a hue angle of 22.1 degrees, a saturation of 30.2% and a lightness of 37.1%. #7b5742 color hex could be obtained by blending #f6ae84 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

● #7b5742 color description : Dark moderate orange.

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

Hex triplet	7b5742	`#7b5742`
RGB Decimal	123, 87, 66	`rgb(123,87,66)`
RGB Percent	48.2, 34.1, 25.9	`rgb(48.2%,34.1%,25.9%)`
CMYK	0, 29, 46, 52
HSL	22.1°, 30.2, 37.1	`hsl(22.1,30.2%,37.1%)`
HSV (or HSB)	22.1°, 46.3, 48.2
Web Safe	666633	`#666633`

CIE-LAB	40.281, 12.084, 18.09
XYZ	12.56, 11.421, 6.697
xyY	0.409, 0.372, 11.421
CIE-LCH	40.281, 21.754, 56.256
CIE-LUV	40.281, 25.382, 18.651
Hunter-Lab	33.795, 7.197, 11.908
Binary	01111011, 01010111, 01000010

#7b5742
```
#7b5742 rgb(123,87,66)
```
#42667b
```
#42667b rgb(66,102,123)
```

Complementary Color

#7b424a
```
#7b424a rgb(123,66,74)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#7b7442
```
#7b7442 rgb(123,116,66)
```

Analogous Color

#424a7b
```
#424a7b rgb(66,74,123)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#427b74
```
#427b74 rgb(66,123,116)
```

Split Complementary Color

#57427b
```
#57427b rgb(87,66,123)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#427b57
```
#427b57 rgb(66,123,87)
```

Triadic Color

#7b4266
```
#7b4266 rgb(123,66,102)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#427b57
```
#427b57 rgb(66,123,87)
```
#42667b
```
#42667b rgb(66,102,123)
```

Tetradic Color

#493427
```
#493427 rgb(73,52,39)
```
#5a4030
```
#5a4030 rgb(90,64,48)
```
#6a4b39
```
#6a4b39 rgb(106,75,57)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#8c634b
```
#8c634b rgb(140,99,75)
```
#9c6e54
```
#9c6e54 rgb(156,110,84)
```
#aa7b60
```
#aa7b60 rgb(170,123,96)
```

Monochromatic Color

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

#7b4942
```
#7b4942 rgb(123,73,66)
```
#7b4e42
```
#7b4e42 rgb(123,78,66)
```
#7b5242
```
#7b5242 rgb(123,82,66)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#7b5c42
```
#7b5c42 rgb(123,92,66)
```
#7b6142
```
#7b6142 rgb(123,97,66)
```
#7b6542
```
#7b6542 rgb(123,101,66)
```

Similar Colors

Text with hexadecimal color #7b5742

This text has a font color of #7b5742.

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

#7b5742 background color

This paragraph has a background color of #7b5742.

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

#7b5742 border color

This element has a border color of #7b5742.

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

CSS codes

.text {color:#7b5742;}

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

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

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

#080604
```
#080604 rgb(8,6,4)
```
#150f0b
```
#150f0b rgb(21,15,11)
```
#221812
```
#221812 rgb(34,24,18)
```
#2e2119
```
#2e2119 rgb(46,33,25)
```
#3b2a20
```
#3b2a20 rgb(59,42,32)
```
#483327
```
#483327 rgb(72,51,39)
```
#553c2d
```
#553c2d rgb(85,60,45)
```
#614534
```
#614534 rgb(97,69,52)
```
#6e4e3b
```
#6e4e3b rgb(110,78,59)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#886049
```
#886049 rgb(136,96,73)
```
#956950
```
#956950 rgb(149,105,80)
```
#a17257
```
#a17257 rgb(161,114,87)
```

Shade Color Variation

#aa7c61
```
#aa7c61 rgb(170,124,97)
```
#b1876e
```
#b1876e rgb(177,135,110)
```
#b8917b
```
#b8917b rgb(184,145,123)
```
#bf9c87
```
#bf9c87 rgb(191,156,135)
```
#c6a694
```
#c6a694 rgb(198,166,148)
```
#cdb1a1
```
#cdb1a1 rgb(205,177,161)
```
#d3bcae
```
#d3bcae rgb(211,188,174)
```
#dac6bb
```
#dac6bb rgb(218,198,187)
```
#e1d1c7
```
#e1d1c7 rgb(225,209,199)
```
#e8dbd4
```
#e8dbd4 rgb(232,219,212)
```
#efe6e1
```
#efe6e1 rgb(239,230,225)
```
#f6f1ee
```
#f6f1ee rgb(246,241,238)
```
#fdfbfa
```
#fdfbfa rgb(253,251,250)
```

Tint Color Variation

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

#655d58
```
#655d58 rgb(101,93,88)
```
#6c5b51
```
#6c5b51 rgb(108,91,81)
```
#745949
```
#745949 rgb(116,89,73)
```
#7b5742
```
#7b5742 rgb(123,87,66)
```
#82553b
```
#82553b rgb(130,85,59)
```
#8a5333
```
#8a5333 rgb(138,83,51)
```
#91512c
```
#91512c rgb(145,81,44)
```
#984f25
```
#984f25 rgb(152,79,37)
```
#9f4d1e
```
#9f4d1e rgb(159,77,30)
```
#a74c16
```
#a74c16 rgb(167,76,22)
```
#ae4a0f
```
#ae4a0f rgb(174,74,15)
```
#b54808
```
#b54808 rgb(181,72,8)
```
#bc4601
```
#bc4601 rgb(188,70,1)
```

Tone Color Variation

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

Dichromacy

#6e674e Protanopia 1% of men
#7a634a Deuteranopia 1% of men
#845c62 Tritanopia 0.001% of the population

Trichromacy

#72614a Protanomaly 1% of men, 0.01% of women
#7a5e47 Deuteranomaly 6% of men, 0.4% of women
#805a56 Tritanomaly 0.01% of the population

#7b5742 hex color

#7b5742 Color Information

#7b5742 Color Conversion

Color Schemes with #7b5742

Alternatives to #7b5742

#7b5742 Preview

Shades and Tints of #7b5742

Tones of #7b5742

Color Blindness Simulator