colorhexa.com

#7f3f22 hex color

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

- R 50
- G 25
- B 13
RGB color chart
- C 0
- M 50
- Y 73
- K 50
CMYK color chart

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

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

Hex triplet	7f3f22	`#7f3f22`
RGB Decimal	127, 63, 34	`rgb(127,63,34)`
RGB Percent	49.8, 24.7, 13.3	`rgb(49.8%,24.7%,13.3%)`
CMYK	0, 50, 73, 50
HSL	18.7°, 57.8, 31.6	`hsl(18.7,57.8%,31.6%)`
HSV (or HSB)	18.7°, 73.2, 49.8
Web Safe	663333	`#663333`

CIE-LAB	34.362, 25.24, 29.812
XYZ	10.819, 8.183, 2.523
xyY	0.503, 0.38, 8.183
CIE-LCH	34.362, 39.062, 49.747
CIE-LUV	34.362, 48.591, 23.896
Hunter-Lab	28.607, 17.446, 14.795
Binary	01111111, 00111111, 00100010

#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#22627f
```
#22627f rgb(34,98,127)
```

Complementary Color

#7f2234
```
#7f2234 rgb(127,34,52)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#7f6e22
```
#7f6e22 rgb(127,110,34)
```

Analogous Color

#22347f
```
#22347f rgb(34,52,127)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#227f6e
```
#227f6e rgb(34,127,110)
```

Split Complementary Color

#3f227f
```
#3f227f rgb(63,34,127)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#227f3f
```
#227f3f rgb(34,127,63)
```

Triadic Color

#432112
```
#432112 rgb(67,33,18)
```
#572b17
```
#572b17 rgb(87,43,23)
```
#6b351d
```
#6b351d rgb(107,53,29)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#934927
```
#934927 rgb(147,73,39)
```
#a7532d
```
#a7532d rgb(167,83,45)
```
#bb5d32
```
#bb5d32 rgb(187,93,50)
```

Monochromatic Color

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

#7f2822
```
#7f2822 rgb(127,40,34)
```
#7f3022
```
#7f3022 rgb(127,48,34)
```
#7f3722
```
#7f3722 rgb(127,55,34)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#7f4722
```
#7f4722 rgb(127,71,34)
```
#7f4f22
```
#7f4f22 rgb(127,79,34)
```
#7f5622
```
#7f5622 rgb(127,86,34)
```

Similar Colors

Text with hexadecimal color #7f3f22

This text has a font color of #7f3f22.

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

#7f3f22 background color

This paragraph has a background color of #7f3f22.

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

#7f3f22 border color

This element has a border color of #7f3f22.

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

CSS codes

.text {color:#7f3f22;}

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

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

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 #fcf6f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#130905
```
#130905 rgb(19,9,5)
```
#221109
```
#221109 rgb(34,17,9)
```
#32190d
```
#32190d rgb(50,25,13)
```
#412011
```
#412011 rgb(65,32,17)
```
#512816
```
#512816 rgb(81,40,22)
```
#60301a
```
#60301a rgb(96,48,26)
```
#70371e
```
#70371e rgb(112,55,30)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#8e4726
```
#8e4726 rgb(142,71,38)
```
#9e4e2a
```
#9e4e2a rgb(158,78,42)
```
#ad562e
```
#ad562e rgb(173,86,46)
```
#bd5e33
```
#bd5e33 rgb(189,94,51)
```

Shade Color Variation

#ca6639
```
#ca6639 rgb(202,102,57)
```
#ce7249
```
#ce7249 rgb(206,114,73)
```
#d27e58
```
#d27e58 rgb(210,126,88)
```
#d68a67
```
#d68a67 rgb(214,138,103)
```
#db9677
```
#db9677 rgb(219,150,119)
```
#dfa286
```
#dfa286 rgb(223,162,134)
```
#e3ae96
```
#e3ae96 rgb(227,174,150)
```
#e7baa5
```
#e7baa5 rgb(231,186,165)
```
#ebc6b5
```
#ebc6b5 rgb(235,198,181)
```
#efd2c4
```
#efd2c4 rgb(239,210,196)
```
#f3ded4
```
#f3ded4 rgb(243,222,212)
```
#f8eae3
```
#f8eae3 rgb(248,234,227)
```
#fcf6f3
```
#fcf6f3 rgb(252,246,243)
```

Tint Color Variation

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

#544f4d
```
#544f4d rgb(84,79,77)
```
#5a4d47
```
#5a4d47 rgb(90,77,71)
```
#604b41
```
#604b41 rgb(96,75,65)
```
#66483b
```
#66483b rgb(102,72,59)
```
#6c4635
```
#6c4635 rgb(108,70,53)
```
#73442e
```
#73442e rgb(115,68,46)
```
#794128
```
#794128 rgb(121,65,40)
```
#7f3f22
```
#7f3f22 rgb(127,63,34)
```
#853d1c
```
#853d1c rgb(133,61,28)
```
#8b3a16
```
#8b3a16 rgb(139,58,22)
```
#92380f
```
#92380f rgb(146,56,15)
```
#983609
```
#983609 rgb(152,54,9)
```
#9e3303
```
#9e3303 rgb(158,51,3)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#594c46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625932 Protanopia 1% of men
#6e5529 Deuteranopia 1% of men
#87454a Tritanopia 0.001% of the population

Trichromacy

#6c502c Protanomaly 1% of men, 0.01% of women
#744d26 Deuteranomaly 6% of men, 0.4% of women
#84433b Tritanomaly 0.01% of the population