#7f5742 hex color

In a RGB color space, hex #7f5742 is composed of 49.8% red, 34.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.5% magenta, 48% yellow and 50.2% black. It has a hue angle of 20.7 degrees, a saturation of 31.6% and a lightness of 37.8%. #7f5742 color hex could be obtained by blending #feae84 with #000000. Closest websafe color is: #666633.

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

● #7f5742 color description : Dark moderate orange.

The hexadecimal color #7f5742 has RGB values of R:127, G:87, B:66 and CMYK values of C:0, M:0.31, Y:0.48, K:0.5. Its decimal value is 8345410.

Hex triplet	7f5742	`#7f5742`
RGB Decimal	127, 87, 66	`rgb(127,87,66)`
RGB Percent	49.8, 34.1, 25.9	`rgb(49.8%,34.1%,25.9%)`
CMYK	0, 31, 48, 50
HSL	20.7°, 31.6, 37.8	`hsl(20.7,31.6%,37.8%)`
HSV (or HSB)	20.7°, 48, 49.8
Web Safe	666633	`#666633`

CIE-LAB	40.772, 13.858, 18.828
XYZ	13.144, 11.722, 6.724
xyY	0.416, 0.371, 11.722
CIE-LCH	40.772, 23.378, 53.644
CIE-LUV	40.772, 28.376, 19.127
Hunter-Lab	34.238, 8.61, 12.322
Binary	01111111, 01010111, 01000010

#7f5742
```
#7f5742 rgb(127,87,66)
```
#426a7f
```
#426a7f rgb(66,106,127)
```

Complementary Color

#7f424c
```
#7f424c rgb(127,66,76)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#7f7642
```
#7f7642 rgb(127,118,66)
```

Analogous Color

#424c7f
```
#424c7f rgb(66,76,127)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#427f76
```
#427f76 rgb(66,127,118)
```

Split Complementary Color

#57427f
```
#57427f rgb(87,66,127)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#427f57
```
#427f57 rgb(66,127,87)
```

Triadic Color

#7f426a
```
#7f426a rgb(127,66,106)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#427f57
```
#427f57 rgb(66,127,87)
```
#426a7f
```
#426a7f rgb(66,106,127)
```

Tetradic Color

#4d3528
```
#4d3528 rgb(77,53,40)
```
#5d4031
```
#5d4031 rgb(93,64,49)
```
#6e4c39
```
#6e4c39 rgb(110,76,57)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#90624b
```
#90624b rgb(144,98,75)
```
#a16e53
```
#a16e53 rgb(161,110,83)
```
#ad7b61
```
#ad7b61 rgb(173,123,97)
```

Monochromatic Color

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

#7f4842
```
#7f4842 rgb(127,72,66)
```
#7f4d42
```
#7f4d42 rgb(127,77,66)
```
#7f5242
```
#7f5242 rgb(127,82,66)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#7f5c42
```
#7f5c42 rgb(127,92,66)
```
#7f6142
```
#7f6142 rgb(127,97,66)
```
#7f6642
```
#7f6642 rgb(127,102,66)
```

Similar Colors

Text with hexadecimal color #7f5742

This text has a font color of #7f5742.

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

#7f5742 background color

This paragraph has a background color of #7f5742.

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

#7f5742 border color

This element has a border color of #7f5742.

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

CSS codes

.text {color:#7f5742;}

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

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

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

#0b0706
```
#0b0706 rgb(11,7,6)
```
#18100c
```
#18100c rgb(24,16,12)
```
#251913
```
#251913 rgb(37,25,19)
```
#32221a
```
#32221a rgb(50,34,26)
```
#3e2b20
```
#3e2b20 rgb(62,43,32)
```
#4b3427
```
#4b3427 rgb(75,52,39)
```
#583c2e
```
#583c2e rgb(88,60,46)
```
#654535
```
#654535 rgb(101,69,53)
```
#724e3b
```
#724e3b rgb(114,78,59)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#8c6049
```
#8c6049 rgb(140,96,73)
```
#99694f
```
#99694f rgb(153,105,79)
```
#a67256
```
#a67256 rgb(166,114,86)
```

Shade Color Variation

#ad7c62
```
#ad7c62 rgb(173,124,98)
```
#b4876f
```
#b4876f rgb(180,135,111)
```
#bb927c
```
#bb927c rgb(187,146,124)
```
#c29c89
```
#c29c89 rgb(194,156,137)
```
#c8a796
```
#c8a796 rgb(200,167,150)
```
#cfb2a3
```
#cfb2a3 rgb(207,178,163)
```
#d6bdaf
```
#d6bdaf rgb(214,189,175)
```
#dcc7bc
```
#dcc7bc rgb(220,199,188)
```
#e3d2c9
```
#e3d2c9 rgb(227,210,201)
```
#eaddd6
```
#eaddd6 rgb(234,221,214)
```
#f1e8e3
```
#f1e8e3 rgb(241,232,227)
```
#f7f2f0
```
#f7f2f0 rgb(247,242,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#616060
```
#616060 rgb(97,96,96)
```
#695e58
```
#695e58 rgb(105,94,88)
```
#705c51
```
#705c51 rgb(112,92,81)
```
#785949
```
#785949 rgb(120,89,73)
```
#7f5742
```
#7f5742 rgb(127,87,66)
```
#86553b
```
#86553b rgb(134,85,59)
```
#8e5233
```
#8e5233 rgb(142,82,51)
```
#95502c
```
#95502c rgb(149,80,44)
```
#9d4e24
```
#9d4e24 rgb(157,78,36)
```
#a44b1d
```
#a44b1d rgb(164,75,29)
```
#ac4915
```
#ac4915 rgb(172,73,21)
```
#b3470e
```
#b3470e rgb(179,71,14)
```
#ba4507
```
#ba4507 rgb(186,69,7)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#675f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f684f Protanopia 1% of men
#7b644a Deuteranopia 1% of men
#875c62 Tritanopia 0.001% of the population

Trichromacy

#75614a Protanomaly 1% of men, 0.01% of women
#7c5f47 Deuteranomaly 6% of men, 0.4% of women
#845a56 Tritanomaly 0.01% of the population

#7f5742 hex color

#7f5742 Color Information

#7f5742 Color Conversion

Color Schemes with #7f5742

Alternatives to #7f5742

#7f5742 Preview

Shades and Tints of #7f5742

Tones of #7f5742

Color Blindness Simulator