colorhexa.com

#7f5a2e hex color

In a RGB color space, hex #7f5a2e is composed of 49.8% red, 35.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 63.8% yellow and 50.2% black. It has a hue angle of 32.6 degrees, a saturation of 46.8% and a lightness of 33.9%. #7f5a2e color hex could be obtained by blending #feb45c with #000000. Closest websafe color is: #666633.

- R 50
- G 35
- B 18
RGB color chart
- C 0
- M 29
- Y 64
- K 50
CMYK color chart

● #7f5a2e color description : Dark moderate orange.

The hexadecimal color #7f5a2e has RGB values of R:127, G:90, B:46 and CMYK values of C:0, M:0.29, Y:0.64, K:0.5. Its decimal value is 8346158.

Hex triplet	7f5a2e	`#7f5a2e`
RGB Decimal	127, 90, 46	`rgb(127,90,46)`
RGB Percent	49.8, 35.3, 18	`rgb(49.8%,35.3%,18%)`
CMYK	0, 29, 64, 50
HSL	32.6°, 46.8, 33.9	`hsl(32.6,46.8%,33.9%)`
HSV (or HSB)	32.6°, 63.8, 49.8
Web Safe	666633	`#666633`

CIE-LAB	41.252, 10.192, 30.996
XYZ	12.902, 12.022, 4.226
xyY	0.443, 0.412, 12.022
CIE-LCH	41.252, 32.629, 71.799
CIE-LUV	41.252, 28.308, 30.638
Hunter-Lab	34.673, 5.742, 17.046
Binary	01111111, 01011010, 00101110

#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#2e537f
```
#2e537f rgb(46,83,127)
```

Complementary Color

#7f322e
```
#7f322e rgb(127,50,46)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#7c7f2e
```
#7c7f2e rgb(124,127,46)
```

Analogous Color

#322e7f
```
#322e7f rgb(50,46,127)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#2e7c7f
```
#2e7c7f rgb(46,124,127)
```

Split Complementary Color

#5a2e7f
```
#5a2e7f rgb(90,46,127)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#2e7f5a
```
#2e7f5a rgb(46,127,90)
```

Triadic Color

#47321a
```
#47321a rgb(71,50,26)
```
#5a3f20
```
#5a3f20 rgb(90,63,32)
```
#6c4d27
```
#6c4d27 rgb(108,77,39)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#926735
```
#926735 rgb(146,103,53)
```
#a4753c
```
#a4753c rgb(164,117,60)
```
#b78242
```
#b78242 rgb(183,130,66)
```

Monochromatic Color

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

#7f462e
```
#7f462e rgb(127,70,46)
```
#7f4d2e
```
#7f4d2e rgb(127,77,46)
```
#7f532e
```
#7f532e rgb(127,83,46)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#7f612e
```
#7f612e rgb(127,97,46)
```
#7f682e
```
#7f682e rgb(127,104,46)
```
#7f6e2e
```
#7f6e2e rgb(127,110,46)
```

Similar Colors

Text with hexadecimal color #7f5a2e

This text has a font color of #7f5a2e.

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

#7f5a2e background color

This paragraph has a background color of #7f5a2e.

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

#7f5a2e border color

This element has a border color of #7f5a2e.

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

CSS codes

.text {color:#7f5a2e;}

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

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

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

#0c0804
```
#0c0804 rgb(12,8,4)
```
#1a1309
```
#1a1309 rgb(26,19,9)
```
#291d0f
```
#291d0f rgb(41,29,15)
```
#372714
```
#372714 rgb(55,39,20)
```
#453119
```
#453119 rgb(69,49,25)
```
#543b1e
```
#543b1e rgb(84,59,30)
```
#624624
```
#624624 rgb(98,70,36)
```
#715029
```
#715029 rgb(113,80,41)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#8d6433
```
#8d6433 rgb(141,100,51)
```
#9c6e38
```
#9c6e38 rgb(156,110,56)
```
#aa793e
```
#aa793e rgb(170,121,62)
```
#b98343
```
#b98343 rgb(185,131,67)
```

Shade Color Variation

#bf8c50
```
#bf8c50 rgb(191,140,80)
```
#c5965e
```
#c5965e rgb(197,150,94)
```
#ca9f6c
```
#ca9f6c rgb(202,159,108)
```
#cfa97b
```
#cfa97b rgb(207,169,123)
```
#d4b289
```
#d4b289 rgb(212,178,137)
```
#dabb98
```
#dabb98 rgb(218,187,152)
```
#dfc5a6
```
#dfc5a6 rgb(223,197,166)
```
#e4ceb4
```
#e4ceb4 rgb(228,206,180)
```
#e9d8c3
```
#e9d8c3 rgb(233,216,195)
```
#eee1d1
```
#eee1d1 rgb(238,225,209)
```
#f4eae0
```
#f4eae0 rgb(244,234,224)
```
#f9f4ee
```
#f9f4ee rgb(249,244,238)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#575756
```
#575756 rgb(87,87,86)
```
#5e574f
```
#5e574f rgb(94,87,79)
```
#645849
```
#645849 rgb(100,88,73)
```
#6b5842
```
#6b5842 rgb(107,88,66)
```
#72593b
```
#72593b rgb(114,89,59)
```
#785935
```
#785935 rgb(120,89,53)
```
#7f5a2e
```
#7f5a2e rgb(127,90,46)
```
#865b27
```
#865b27 rgb(134,91,39)
```
#8c5b21
```
#8c5b21 rgb(140,91,33)
```
#935c1a
```
#935c1a rgb(147,92,26)
```
#9a5c13
```
#9a5c13 rgb(154,92,19)
```
#a05d0d
```
#a05d0d rgb(160,93,13)
```
#a75d06
```
#a75d06 rgb(167,93,6)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#665f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73693b Protanopia 1% of men
#806438 Deuteranopia 1% of men
#895d63 Tritanopia 0.001% of the population

Trichromacy

#776336 Protanomaly 1% of men, 0.01% of women
#806034 Deuteranomaly 6% of men, 0.4% of women
#855c50 Tritanomaly 0.01% of the population