colorhexa.com

#7d4222 hex color

In a RGB color space, hex #7d4222 is composed of 49% red, 25.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 72.8% yellow and 51% black. It has a hue angle of 21.1 degrees, a saturation of 57.2% and a lightness of 31.2%. #7d4222 color hex could be obtained by blending #fa8444 with #000000. Closest websafe color is: #663333.

- R 49
- G 26
- B 13
RGB color chart
- C 0
- M 47
- Y 73
- K 51
CMYK color chart

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

The hexadecimal color #7d4222 has RGB values of R:125, G:66, B:34 and CMYK values of C:0, M:0.47, Y:0.73, K:0.51. Its decimal value is 8208930.

Hex triplet	7d4222	`#7d4222`
RGB Decimal	125, 66, 34	`rgb(125,66,34)`
RGB Percent	49, 25.9, 13.3	`rgb(49%,25.9%,13.3%)`
CMYK	0, 47, 73, 51
HSL	21.1°, 57.2, 31.2	`hsl(21.1,57.2%,31.2%)`
HSV (or HSB)	21.1°, 72.8, 49
Web Safe	663333	`#663333`

CIE-LAB	34.748, 22.648, 30.154
XYZ	10.695, 8.373, 2.566
xyY	0.494, 0.387, 8.373
CIE-LCH	34.748, 37.712, 53.091
CIE-LUV	34.748, 44.84, 24.852
Hunter-Lab	28.936, 15.336, 14.997
Binary	01111101, 01000010, 00100010

#7d4222
```
#7d4222 rgb(125,66,34)
```
#225d7d
```
#225d7d rgb(34,93,125)
```

Complementary Color

#7d2230
```
#7d2230 rgb(125,34,48)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#7d7022
```
#7d7022 rgb(125,112,34)
```

Analogous Color

#22307d
```
#22307d rgb(34,48,125)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#227d70
```
#227d70 rgb(34,125,112)
```

Split Complementary Color

#42227d
```
#42227d rgb(66,34,125)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#227d42
```
#227d42 rgb(34,125,66)
```

Triadic Color

#412212
```
#412212 rgb(65,34,18)
```
#552d17
```
#552d17 rgb(85,45,23)
```
#69371d
```
#69371d rgb(105,55,29)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#914d27
```
#914d27 rgb(145,77,39)
```
#a5572d
```
#a5572d rgb(165,87,45)
```
#b96232
```
#b96232 rgb(185,98,50)
```

Monochromatic Color

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

#7d2b22
```
#7d2b22 rgb(125,43,34)
```
#7d3322
```
#7d3322 rgb(125,51,34)
```
#7d3a22
```
#7d3a22 rgb(125,58,34)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#7d4a22
```
#7d4a22 rgb(125,74,34)
```
#7d5122
```
#7d5122 rgb(125,81,34)
```
#7d5922
```
#7d5922 rgb(125,89,34)
```

Similar Colors

Text with hexadecimal color #7d4222

This text has a font color of #7d4222.

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

#7d4222 background color

This paragraph has a background color of #7d4222.

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

#7d4222 border color

This element has a border color of #7d4222.

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

CSS codes

.text {color:#7d4222;}

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

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

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)
```
#110905
```
#110905 rgb(17,9,5)
```
#201109
```
#201109 rgb(32,17,9)
```
#30190d
```
#30190d rgb(48,25,13)
```
#3f2111
```
#3f2111 rgb(63,33,17)
```
#4f2a15
```
#4f2a15 rgb(79,42,21)
```
#5e321a
```
#5e321a rgb(94,50,26)
```
#6e3a1e
```
#6e3a1e rgb(110,58,30)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#8c4a26
```
#8c4a26 rgb(140,74,38)
```
#9c522a
```
#9c522a rgb(156,82,42)
```
#ab5a2f
```
#ab5a2f rgb(171,90,47)
```
#bb6333
```
#bb6333 rgb(187,99,51)
```

Shade Color Variation

#c96b38
```
#c96b38 rgb(201,107,56)
```
#cd7748
```
#cd7748 rgb(205,119,72)
```
#d18257
```
#d18257 rgb(209,130,87)
```
#d58d66
```
#d58d66 rgb(213,141,102)
```
#da9976
```
#da9976 rgb(218,153,118)
```
#dea485
```
#dea485 rgb(222,164,133)
```
#e2b095
```
#e2b095 rgb(226,176,149)
```
#e6bba4
```
#e6bba4 rgb(230,187,164)
```
#eac7b4
```
#eac7b4 rgb(234,199,180)
```
#efd2c3
```
#efd2c3 rgb(239,210,195)
```
#f3ded2
```
#f3ded2 rgb(243,222,210)
```
#f7e9e2
```
#f7e9e2 rgb(247,233,226)
```
#fbf5f1
```
#fbf5f1 rgb(251,245,241)
```

Tint Color Variation

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

#524f4d
```
#524f4d rgb(82,79,77)
```
#584d47
```
#584d47 rgb(88,77,71)
```
#5e4b41
```
#5e4b41 rgb(94,75,65)
```
#65493a
```
#65493a rgb(101,73,58)
```
#6b4734
```
#6b4734 rgb(107,71,52)
```
#71462e
```
#71462e rgb(113,70,46)
```
#774428
```
#774428 rgb(119,68,40)
```
#7d4222
```
#7d4222 rgb(125,66,34)
```
#83401c
```
#83401c rgb(131,64,28)
```
#893e16
```
#893e16 rgb(137,62,22)
```
#8f3d10
```
#8f3d10 rgb(143,61,16)
```
#953b0a
```
#953b0a rgb(149,59,10)
```
#9c3903
```
#9c3903 rgb(156,57,3)
```

Tone Color Variation

Below, you can see how #7d4222 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
#594d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a32 Protanopia 1% of men
#6f562a Deuteranopia 1% of men
#85484c Tritanopia 0.001% of the population

Trichromacy

#6c512c Protanomaly 1% of men, 0.01% of women
#744f27 Deuteranomaly 6% of men, 0.4% of women
#82453d Tritanomaly 0.01% of the population