#7c6a22 hex color

In a RGB color space, hex #7c6a22 is composed of 48.6% red, 41.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.5% magenta, 72.6% yellow and 51.4% black. It has a hue angle of 48 degrees, a saturation of 57% and a lightness of 31%. #7c6a22 color hex could be obtained by blending #f8d444 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 42
- B 13
RGB color chart
- C 0
- M 15
- Y 73
- K 51
CMYK color chart

● #7c6a22 color description : Dark yellow [Olive tone].

The hexadecimal color #7c6a22 has RGB values of R:124, G:106, B:34 and CMYK values of C:0, M:0.15, Y:0.73, K:0.51. Its decimal value is 8153634.

Hex triplet	7c6a22	`#7c6a22`
RGB Decimal	124, 106, 34	`rgb(124,106,34)`
RGB Percent	48.6, 41.6, 13.3	`rgb(48.6%,41.6%,13.3%)`
CMYK	0, 15, 73, 51
HSL	48°, 57, 31	`hsl(48,57%,31%)`
HSV (or HSB)	48°, 72.6, 48.6
Web Safe	666633	`#666633`

CIE-LAB	45.233, -1.427, 41.217
XYZ	13.755, 14.709, 3.628
xyY	0.429, 0.458, 14.709
CIE-LCH	45.233, 41.242, 91.983
CIE-LUV	45.233, 15.571, 41.981
Hunter-Lab	38.353, -3.098, 21.238
Binary	01111100, 01101010, 00100010

#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#22347c
```
#22347c rgb(34,52,124)
```

Complementary Color

#7c3d22
```
#7c3d22 rgb(124,61,34)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#617c22
```
#617c22 rgb(97,124,34)
```

Analogous Color

#3d227c
```
#3d227c rgb(61,34,124)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#22617c
```
#22617c rgb(34,97,124)
```

Split Complementary Color

#6a227c
```
#6a227c rgb(106,34,124)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#227c6a
```
#227c6a rgb(34,124,106)
```

Triadic Color

#7c2234
```
#7c2234 rgb(124,34,52)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#227c6a
```
#227c6a rgb(34,124,106)
```
#22347c
```
#22347c rgb(34,52,124)
```

Tetradic Color

#403712
```
#403712 rgb(64,55,18)
```
#544817
```
#544817 rgb(84,72,23)
```
#68591d
```
#68591d rgb(104,89,29)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#907b27
```
#907b27 rgb(144,123,39)
```
#a48c2d
```
#a48c2d rgb(164,140,45)
```
#b89d32
```
#b89d32 rgb(184,157,50)
```

Monochromatic Color

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

#7c5422
```
#7c5422 rgb(124,84,34)
```
#7c5b22
```
#7c5b22 rgb(124,91,34)
```
#7c6322
```
#7c6322 rgb(124,99,34)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#7c7222
```
#7c7222 rgb(124,114,34)
```
#7c7922
```
#7c7922 rgb(124,121,34)
```
#787c22
```
#787c22 rgb(120,124,34)
```

Similar Colors

Text with hexadecimal color #7c6a22

This text has a font color of #7c6a22.

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

#7c6a22 background color

This paragraph has a background color of #7c6a22.

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

#7c6a22 border color

This element has a border color of #7c6a22.

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

CSS codes

.text {color:#7c6a22;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100e04
```
#100e04 rgb(16,14,4)
```
#201b09
```
#201b09 rgb(32,27,9)
```
#2f280d
```
#2f280d rgb(47,40,13)
```
#3e3511
```
#3e3511 rgb(62,53,17)
```
#4e4315
```
#4e4315 rgb(78,67,21)
```
#5d501a
```
#5d501a rgb(93,80,26)
```
#6d5d1e
```
#6d5d1e rgb(109,93,30)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#8b7726
```
#8b7726 rgb(139,119,38)
```
#9b842a
```
#9b842a rgb(155,132,42)
```
#aa912f
```
#aa912f rgb(170,145,47)
```
#ba9f33
```
#ba9f33 rgb(186,159,51)
```

Shade Color Variation

#c8ab38
```
#c8ab38 rgb(200,171,56)
```
#cdb247
```
#cdb247 rgb(205,178,71)
```
#d1b857
```
#d1b857 rgb(209,184,87)
```
#d5bf66
```
#d5bf66 rgb(213,191,102)
```
#d9c575
```
#d9c575 rgb(217,197,117)
```
#ddcc85
```
#ddcc85 rgb(221,204,133)
```
#e2d294
```
#e2d294 rgb(226,210,148)
```
#e6d9a3
```
#e6d9a3 rgb(230,217,163)
```
#eadfb3
```
#eadfb3 rgb(234,223,179)
```
#eee6c2
```
#eee6c2 rgb(238,230,194)
```
#f3ecd2
```
#f3ecd2 rgb(243,236,210)
```
#f7f2e1
```
#f7f2e1 rgb(247,242,225)
```
#fbf9f0
```
#fbf9f0 rgb(251,249,240)
```

Tint Color Variation

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

#51504d
```
#51504d rgb(81,80,77)
```
#585446
```
#585446 rgb(88,84,70)
```
#5e5840
```
#5e5840 rgb(94,88,64)
```
#645b3a
```
#645b3a rgb(100,91,58)
```
#6a5f34
```
#6a5f34 rgb(106,95,52)
```
#70632e
```
#70632e rgb(112,99,46)
```
#766628
```
#766628 rgb(118,102,40)
```
#7c6a22
```
#7c6a22 rgb(124,106,34)
```
#826e1c
```
#826e1c rgb(130,110,28)
```
#887116
```
#887116 rgb(136,113,22)
```
#8e7510
```
#8e7510 rgb(142,117,16)
```
#94790a
```
#94790a rgb(148,121,10)
```
#9a7c04
```
#9a7c04 rgb(154,124,4)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#6b6859 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f722d Protanopia 1% of men
#8d6d2f Deuteranopia 1% of men
#886a72 Tritanopia 0.001% of the population

Trichromacy

#7e6f29 Protanomaly 1% of men, 0.01% of women
#876c2a Deuteranomaly 6% of men, 0.4% of women
#846a55 Tritanomaly 0.01% of the population

#7c6a22 hex color

#7c6a22 Color Information

#7c6a22 Color Conversion

Color Schemes with #7c6a22

Alternatives to #7c6a22

#7c6a22 Preview

Shades and Tints of #7c6a22

Tones of #7c6a22

Color Blindness Simulator