colorhexa.com

#7f4222 hex color

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

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

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

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

Hex triplet	7f4222	`#7f4222`
RGB Decimal	127, 66, 34	`rgb(127,66,34)`
RGB Percent	49.8, 25.9, 13.3	`rgb(49.8%,25.9%,13.3%)`
CMYK	0, 48, 73, 50
HSL	20.6°, 57.8, 31.6	`hsl(20.6,57.8%,31.6%)`
HSV (or HSB)	20.6°, 73.2, 49.8
Web Safe	663333	`#663333`

CIE-LAB	35.053, 23.53, 30.578
XYZ	10.99, 8.525, 2.58
xyY	0.497, 0.386, 8.525
CIE-LCH	35.053, 38.583, 52.421
CIE-LUV	35.053, 46.484, 25.067
Hunter-Lab	29.197, 16.091, 15.199
Binary	01111111, 01000010, 00100010

#7f4222
```
#7f4222 rgb(127,66,34)
```
#225f7f
```
#225f7f rgb(34,95,127)
```

Complementary Color

#7f2231
```
#7f2231 rgb(127,34,49)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#7f7122
```
#7f7122 rgb(127,113,34)
```

Analogous Color

#22317f
```
#22317f rgb(34,49,127)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#227f71
```
#227f71 rgb(34,127,113)
```

Split Complementary Color

#42227f
```
#42227f rgb(66,34,127)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#227f42
```
#227f42 rgb(34,127,66)
```

Triadic Color

#432312
```
#432312 rgb(67,35,18)
```
#572d17
```
#572d17 rgb(87,45,23)
```
#6b381d
```
#6b381d rgb(107,56,29)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#934c27
```
#934c27 rgb(147,76,39)
```
#a7572d
```
#a7572d rgb(167,87,45)
```
#bb6132
```
#bb6132 rgb(187,97,50)
```

Monochromatic Color

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

#7f2b22
```
#7f2b22 rgb(127,43,34)
```
#7f3322
```
#7f3322 rgb(127,51,34)
```
#7f3a22
```
#7f3a22 rgb(127,58,34)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#7f4a22
```
#7f4a22 rgb(127,74,34)
```
#7f5222
```
#7f5222 rgb(127,82,34)
```
#7f5922
```
#7f5922 rgb(127,89,34)
```

Similar Colors

Text with hexadecimal color #7f4222

This text has a font color of #7f4222.

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

#7f4222 background color

This paragraph has a background color of #7f4222.

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

#7f4222 border color

This element has a border color of #7f4222.

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

CSS codes

.text {color:#7f4222;}

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

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

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)
```
#130a05
```
#130a05 rgb(19,10,5)
```
#221209
```
#221209 rgb(34,18,9)
```
#321a0d
```
#321a0d rgb(50,26,13)
```
#412211
```
#412211 rgb(65,34,17)
```
#512a16
```
#512a16 rgb(81,42,22)
```
#60321a
```
#60321a rgb(96,50,26)
```
#703a1e
```
#703a1e rgb(112,58,30)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#8e4a26
```
#8e4a26 rgb(142,74,38)
```
#9e522a
```
#9e522a rgb(158,82,42)
```
#ad5a2e
```
#ad5a2e rgb(173,90,46)
```
#bd6233
```
#bd6233 rgb(189,98,51)
```

Shade Color Variation

#ca6b39
```
#ca6b39 rgb(202,107,57)
```
#ce7749
```
#ce7749 rgb(206,119,73)
```
#d28258
```
#d28258 rgb(210,130,88)
```
#d68e67
```
#d68e67 rgb(214,142,103)
```
#db9977
```
#db9977 rgb(219,153,119)
```
#dfa586
```
#dfa586 rgb(223,165,134)
```
#e3b096
```
#e3b096 rgb(227,176,150)
```
#e7bca5
```
#e7bca5 rgb(231,188,165)
```
#ebc8b5
```
#ebc8b5 rgb(235,200,181)
```
#efd3c4
```
#efd3c4 rgb(239,211,196)
```
#f3dfd4
```
#f3dfd4 rgb(243,223,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, #54504d is the less saturated color, while #9e3803 is the most saturated one.

#54504d
```
#54504d rgb(84,80,77)
```
#5a4e47
```
#5a4e47 rgb(90,78,71)
```
#604c41
```
#604c41 rgb(96,76,65)
```
#664a3b
```
#664a3b rgb(102,74,59)
```
#6c4835
```
#6c4835 rgb(108,72,53)
```
#73462e
```
#73462e rgb(115,70,46)
```
#794428
```
#794428 rgb(121,68,40)
```
#7f4222
```
#7f4222 rgb(127,66,34)
```
#85401c
```
#85401c rgb(133,64,28)
```
#8b3e16
```
#8b3e16 rgb(139,62,22)
```
#923c0f
```
#923c0f rgb(146,60,15)
```
#983a09
```
#983a09 rgb(152,58,9)
```
#9e3803
```
#9e3803 rgb(158,56,3)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#5a4e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645b32 Protanopia 1% of men
#70572a Deuteranopia 1% of men
#87484c Tritanopia 0.001% of the population

Trichromacy

#6e522c Protanomaly 1% of men, 0.01% of women
#754f27 Deuteranomaly 6% of men, 0.4% of women
#84453d Tritanomaly 0.01% of the population