#7f5a22 hex color

In a RGB color space, hex #7f5a22 is composed of 49.8% red, 35.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 73.2% yellow and 50.2% black. It has a hue angle of 36.1 degrees, a saturation of 57.8% and a lightness of 31.6%. #7f5a22 color hex could be obtained by blending #feb444 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 50
- G 35
- B 13
RGB color chart
- C 0
- M 29
- Y 73
- K 50
CMYK color chart

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

The hexadecimal color #7f5a22 has RGB values of R:127, G:90, B:34 and CMYK values of C:0, M:0.29, Y:0.73, K:0.5. Its decimal value is 8346146.

Hex triplet	7f5a22	`#7f5a22`
RGB Decimal	127, 90, 34	`rgb(127,90,34)`
RGB Percent	49.8, 35.3, 13.3	`rgb(49.8%,35.3%,13.3%)`
CMYK	0, 29, 73, 50
HSL	36.1°, 57.8, 31.6	`hsl(36.1,57.8%,31.6%)`
HSV (or HSB)	36.1°, 73.2, 49.8
Web Safe	666633	`#666633`

CIE-LAB	41.122, 9.388, 37.093
XYZ	12.698, 11.941, 3.149
xyY	0.457, 0.43, 11.941
CIE-LCH	41.122, 38.263, 75.797
CIE-LUV	41.122, 29.15, 35.091
Hunter-Lab	34.555, 5.12, 18.785
Binary	01111111, 01011010, 00100010

#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#22477f
```
#22477f rgb(34,71,127)
```

Complementary Color

#7f2c22
```
#7f2c22 rgb(127,44,34)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#767f22
```
#767f22 rgb(118,127,34)
```

Analogous Color

#2b227f
```
#2b227f rgb(43,34,127)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#22767f
```
#22767f rgb(34,118,127)
```

Split Complementary Color

#5a227f
```
#5a227f rgb(90,34,127)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#227f5a
```
#227f5a rgb(34,127,90)
```

Triadic Color

#7f2247
```
#7f2247 rgb(127,34,71)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#227f5a
```
#227f5a rgb(34,127,90)
```
#22477f
```
#22477f rgb(34,71,127)
```

Tetradic Color

#432f12
```
#432f12 rgb(67,47,18)
```
#573d17
```
#573d17 rgb(87,61,23)
```
#6b4c1d
```
#6b4c1d rgb(107,76,29)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#936827
```
#936827 rgb(147,104,39)
```
#a7772d
```
#a7772d rgb(167,119,45)
```
#bb8532
```
#bb8532 rgb(187,133,50)
```

Monochromatic Color

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

#7f4322
```
#7f4322 rgb(127,67,34)
```
#7f4b22
```
#7f4b22 rgb(127,75,34)
```
#7f5222
```
#7f5222 rgb(127,82,34)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#7f6222
```
#7f6222 rgb(127,98,34)
```
#7f6a22
```
#7f6a22 rgb(127,106,34)
```
#7f7122
```
#7f7122 rgb(127,113,34)
```

Similar Colors

Text with hexadecimal color #7f5a22

This text has a font color of #7f5a22.

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

#7f5a22 background color

This paragraph has a background color of #7f5a22.

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

#7f5a22 border color

This element has a border color of #7f5a22.

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

CSS codes

.text {color:#7f5a22;}

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

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

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

#030201
```
#030201 rgb(3,2,1)
```
#130d05
```
#130d05 rgb(19,13,5)
```
#221809
```
#221809 rgb(34,24,9)
```
#32230d
```
#32230d rgb(50,35,13)
```
#412e11
```
#412e11 rgb(65,46,17)
```
#513916
```
#513916 rgb(81,57,22)
```
#60441a
```
#60441a rgb(96,68,26)
```
#704f1e
```
#704f1e rgb(112,79,30)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#8e6526
```
#8e6526 rgb(142,101,38)
```
#9e702a
```
#9e702a rgb(158,112,42)
```
#ad7b2e
```
#ad7b2e rgb(173,123,46)
```
#bd8633
```
#bd8633 rgb(189,134,51)
```

Shade Color Variation

#ca9039
```
#ca9039 rgb(202,144,57)
```
#ce9949
```
#ce9949 rgb(206,153,73)
```
#d2a258
```
#d2a258 rgb(210,162,88)
```
#d6aa67
```
#d6aa67 rgb(214,170,103)
```
#dbb377
```
#dbb377 rgb(219,179,119)
```
#dfbc86
```
#dfbc86 rgb(223,188,134)
```
#e3c496
```
#e3c496 rgb(227,196,150)
```
#e7cda5
```
#e7cda5 rgb(231,205,165)
```
#ebd6b5
```
#ebd6b5 rgb(235,214,181)
```
#efdec4
```
#efdec4 rgb(239,222,196)
```
#f3e7d4
```
#f3e7d4 rgb(243,231,212)
```
#f8efe3
```
#f8efe3 rgb(248,239,227)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#54514d
```
#54514d rgb(84,81,77)
```
#5a5247
```
#5a5247 rgb(90,82,71)
```
#605441
```
#605441 rgb(96,84,65)
```
#66553b
```
#66553b rgb(102,85,59)
```
#6c5635
```
#6c5635 rgb(108,86,53)
```
#73572e
```
#73572e rgb(115,87,46)
```
#795928
```
#795928 rgb(121,89,40)
```
#7f5a22
```
#7f5a22 rgb(127,90,34)
```
#855b1c
```
#855b1c rgb(133,91,28)
```
#8b5d16
```
#8b5d16 rgb(139,93,22)
```
#925e0f
```
#925e0f rgb(146,94,15)
```
#985f09
```
#985f09 rgb(152,95,9)
```
#9e6003
```
#9e6003 rgb(158,96,3)
```

Tone Color Variation

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

Dichromacy

#74692f Protanopia 1% of men
#81642c Deuteranopia 1% of men
#895c63 Tritanopia 0.001% of the population

Trichromacy

#78632a Protanomaly 1% of men, 0.01% of women
#806028 Deuteranomaly 6% of men, 0.4% of women
#855b4b Tritanomaly 0.01% of the population

#7f5a22 hex color

#7f5a22 Color Information

#7f5a22 Color Conversion

Color Schemes with #7f5a22

Alternatives to #7f5a22

#7f5a22 Preview

Shades and Tints of #7f5a22

Tones of #7f5a22

Color Blindness Simulator