colorhexa.com

#7f4220 hex color

In a RGB color space, hex #7f4220 is composed of 49.8% red, 25.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48% magenta, 74.8% yellow and 50.2% black. It has a hue angle of 21.5 degrees, a saturation of 59.7% and a lightness of 31.2%. #7f4220 color hex could be obtained by blending #fe8440 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #7f4220 has RGB values of R:127, G:66, B:32 and CMYK values of C:0, M:0.48, Y:0.75, K:0.5. Its decimal value is 8340000.

Hex triplet	7f4220	`#7f4220`
RGB Decimal	127, 66, 32	`rgb(127,66,32)`
RGB Percent	49.8, 25.9, 12.5	`rgb(49.8%,25.9%,12.5%)`
CMYK	0, 48, 75, 50
HSL	21.5°, 59.7, 31.2	`hsl(21.5,59.7%,31.2%)`
HSV (or HSB)	21.5°, 74.8, 49.8
Web Safe	663333	`#663333`

CIE-LAB	35.031, 23.419, 31.656
XYZ	10.962, 8.514, 2.432
xyY	0.5, 0.389, 8.514
CIE-LCH	35.031, 39.377, 53.505
CIE-LUV	35.031, 46.703, 25.779
Hunter-Lab	29.178, 15.997, 15.482
Binary	01111111, 01000010, 00100000

#7f4220
```
#7f4220 rgb(127,66,32)
```
#205d7f
```
#205d7f rgb(32,93,127)
```

Complementary Color

#7f202e
```
#7f202e rgb(127,32,46)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#7f7220
```
#7f7220 rgb(127,114,32)
```

Analogous Color

#202e7f
```
#202e7f rgb(32,46,127)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#207f72
```
#207f72 rgb(32,127,114)
```

Split Complementary Color

#42207f
```
#42207f rgb(66,32,127)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#207f42
```
#207f42 rgb(32,127,66)
```

Triadic Color

#422211
```
#422211 rgb(66,34,17)
```
#562d16
```
#562d16 rgb(86,45,22)
```
#6b371b
```
#6b371b rgb(107,55,27)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#934d25
```
#934d25 rgb(147,77,37)
```
#a8572a
```
#a8572a rgb(168,87,42)
```
#bc622f
```
#bc622f rgb(188,98,47)
```

Monochromatic Color

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

#7f2a20
```
#7f2a20 rgb(127,42,32)
```
#7f3220
```
#7f3220 rgb(127,50,32)
```
#7f3a20
```
#7f3a20 rgb(127,58,32)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#7f4a20
```
#7f4a20 rgb(127,74,32)
```
#7f5220
```
#7f5220 rgb(127,82,32)
```
#7f5a20
```
#7f5a20 rgb(127,90,32)
```

Similar Colors

Text with hexadecimal color #7f4220

This text has a font color of #7f4220.

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

#7f4220 background color

This paragraph has a background color of #7f4220.

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

#7f4220 border color

This element has a border color of #7f4220.

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

CSS codes

.text {color:#7f4220;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#211108
```
#211108 rgb(33,17,8)
```
#31190c
```
#31190c rgb(49,25,12)
```
#402110
```
#402110 rgb(64,33,16)
```
#502a14
```
#502a14 rgb(80,42,20)
```
#603218
```
#603218 rgb(96,50,24)
```
#6f3a1c
```
#6f3a1c rgb(111,58,28)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#8f4a24
```
#8f4a24 rgb(143,74,36)
```
#9e5228
```
#9e5228 rgb(158,82,40)
```
#ae5a2c
```
#ae5a2c rgb(174,90,44)
```
#be6330
```
#be6330 rgb(190,99,48)
```

Shade Color Variation

#cc6b35
```
#cc6b35 rgb(204,107,53)
```
#d07745
```
#d07745 rgb(208,119,69)
```
#d48254
```
#d48254 rgb(212,130,84)
```
#d88d64
```
#d88d64 rgb(216,141,100)
```
#dc9974
```
#dc9974 rgb(220,153,116)
```
#e0a483
```
#e0a483 rgb(224,164,131)
```
#e4b093
```
#e4b093 rgb(228,176,147)
```
#e8bba3
```
#e8bba3 rgb(232,187,163)
```
#ecc7b2
```
#ecc7b2 rgb(236,199,178)
```
#f0d2c2
```
#f0d2c2 rgb(240,210,194)
```
#f4ded2
```
#f4ded2 rgb(244,222,210)
```
#f8e9e1
```
#f8e9e1 rgb(248,233,225)
```
#fbf5f1
```
#fbf5f1 rgb(251,245,241)
```

Tint Color Variation

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

#544e4b
```
#544e4b rgb(84,78,75)
```
#5a4c45
```
#5a4c45 rgb(90,76,69)
```
#604b3f
```
#604b3f rgb(96,75,63)
```
#674938
```
#674938 rgb(103,73,56)
```
#6d4732
```
#6d4732 rgb(109,71,50)
```
#73452c
```
#73452c rgb(115,69,44)
```
#794426
```
#794426 rgb(121,68,38)
```
#7f4220
```
#7f4220 rgb(127,66,32)
```
#85401a
```
#85401a rgb(133,64,26)
```
#8b3f14
```
#8b3f14 rgb(139,63,20)
```
#913d0e
```
#913d0e rgb(145,61,14)
```
#973b08
```
#973b08 rgb(151,59,8)
```
#9e3901
```
#9e3901 rgb(158,57,1)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#594d46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645b30 Protanopia 1% of men
#705728 Deuteranopia 1% of men
#87484c Tritanopia 0.001% of the population

Trichromacy

#6e522a Protanomaly 1% of men, 0.01% of women
#754f25 Deuteranomaly 6% of men, 0.4% of women
#84453c Tritanomaly 0.01% of the population