#7c7c20 hex color

In a RGB color space, hex #7c7c20 is composed of 48.6% red, 48.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 74.2% yellow and 51.4% black. It has a hue angle of 60 degrees, a saturation of 59% and a lightness of 30.6%. #7c7c20 color hex could be obtained by blending #f8f840 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #7c7c20 has RGB values of R:124, G:124, B:32 and CMYK values of C:0, M:0, Y:0.74, K:0.51. Its decimal value is 8158240.

Hex triplet	7c7c20	`#7c7c20`
RGB Decimal	124, 124, 32	`rgb(124,124,32)`
RGB Percent	48.6, 48.6, 12.5	`rgb(48.6%,48.6%,12.5%)`
CMYK	0, 0, 74, 51
HSL	60°, 59, 30.6	`hsl(60,59%,30.6%)`
HSV (or HSB)	60°, 74.2, 48.6
Web Safe	666633	`#666633`

CIE-LAB	50.458, -11.649, 47.196
XYZ	15.781, 18.805, 4.165
xyY	0.407, 0.485, 18.805
CIE-LCH	50.458, 48.612, 103.864
CIE-LUV	50.458, 3.641, 50.508
Hunter-Lab	43.365, -10.931, 24.661
Binary	01111100, 01111100, 00100000

#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#20207c
```
#20207c rgb(32,32,124)
```

Complementary Color

#7c4e20
```
#7c4e20 rgb(124,78,32)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#4e7c20
```
#4e7c20 rgb(78,124,32)
```

Analogous Color

#4e207c
```
#4e207c rgb(78,32,124)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#204e7c
```
#204e7c rgb(32,78,124)
```

Split Complementary Color

#7c207c
```
#7c207c rgb(124,32,124)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#207c7c
```
#207c7c rgb(32,124,124)
```

Triadic Color

#7c2020
```
#7c2020 rgb(124,32,32)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#207c7c
```
#207c7c rgb(32,124,124)
```
#20207c
```
#20207c rgb(32,32,124)
```

Tetradic Color

#3f3f10
```
#3f3f10 rgb(63,63,16)
```
#535316
```
#535316 rgb(83,83,22)
```
#68681b
```
#68681b rgb(104,104,27)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#909025
```
#909025 rgb(144,144,37)
```
#a5a52a
```
#a5a52a rgb(165,165,42)
```
#b9b930
```
#b9b930 rgb(185,185,48)
```

Monochromatic Color

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

#7c6520
```
#7c6520 rgb(124,101,32)
```
#7c6d20
```
#7c6d20 rgb(124,109,32)
```
#7c7420
```
#7c7420 rgb(124,116,32)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#747c20
```
#747c20 rgb(116,124,32)
```
#6d7c20
```
#6d7c20 rgb(109,124,32)
```
#657c20
```
#657c20 rgb(101,124,32)
```

Similar Colors

Text with hexadecimal color #7c7c20

This text has a font color of #7c7c20.

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

#7c7c20 background color

This paragraph has a background color of #7c7c20.

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

#7c7c20 border color

This element has a border color of #7c7c20.

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

CSS codes

.text {color:#7c7c20;}

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

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

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, #0f0f04 is the darkest color, while #fffffe is the lightest one.

#0f0f04
```
#0f0f04 rgb(15,15,4)
```
#1e1e08
```
#1e1e08 rgb(30,30,8)
```
#2e2e0c
```
#2e2e0c rgb(46,46,12)
```
#3e3e10
```
#3e3e10 rgb(62,62,16)
```
#4d4d14
```
#4d4d14 rgb(77,77,20)
```
#5d5d18
```
#5d5d18 rgb(93,93,24)
```
#6c6c1c
```
#6c6c1c rgb(108,108,28)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#8c8c24
```
#8c8c24 rgb(140,140,36)
```
#9b9b28
```
#9b9b28 rgb(155,155,40)
```
#abab2c
```
#abab2c rgb(171,171,44)
```
#baba30
```
#baba30 rgb(186,186,48)
```
#caca34
```
#caca34 rgb(202,202,52)
```

Shade Color Variation

#cfcf43
```
#cfcf43 rgb(207,207,67)
```
#d3d353
```
#d3d353 rgb(211,211,83)
```
#d7d762
```
#d7d762 rgb(215,215,98)
```
#dbdb72
```
#dbdb72 rgb(219,219,114)
```
#dfdf82
```
#dfdf82 rgb(223,223,130)
```
#e3e391
```
#e3e391 rgb(227,227,145)
```
#e7e7a1
```
#e7e7a1 rgb(231,231,161)
```
#ebebb0
```
#ebebb0 rgb(235,235,176)
```
#efefc0
```
#efefc0 rgb(239,239,192)
```
#f3f3cf
```
#f3f3cf rgb(243,243,207)
```
#f7f7df
```
#f7f7df rgb(247,247,223)
```
#fbfbef
```
#fbfbef rgb(251,251,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#52524a
```
#52524a rgb(82,82,74)
```
#585844
```
#585844 rgb(88,88,68)
```
#5e5e3e
```
#5e5e3e rgb(94,94,62)
```
#646438
```
#646438 rgb(100,100,56)
```
#6a6a32
```
#6a6a32 rgb(106,106,50)
```
#70702c
```
#70702c rgb(112,112,44)
```
#767626
```
#767626 rgb(118,118,38)
```
#7c7c20
```
#7c7c20 rgb(124,124,32)
```
#82821a
```
#82821a rgb(130,130,26)
```
#888814
```
#888814 rgb(136,136,20)
```
#8e8e0e
```
#8e8e0e rgb(142,142,14)
```
#949408
```
#949408 rgb(148,148,8)
```
#9a9a02
```
#9a9a02 rgb(154,154,2)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#747462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2a Protanopia 1% of men
#9d7930 Deuteranopia 1% of men
#8b7a83 Tritanopia 0.001% of the population

Trichromacy

#877e26 Protanomaly 1% of men, 0.01% of women
#917a2a Deuteranomaly 6% of men, 0.4% of women
#857b5f Tritanomaly 0.01% of the population

#7c7c20 hex color

#7c7c20 Color Information

#7c7c20 Color Conversion

Color Schemes with #7c7c20

Alternatives to #7c7c20

#7c7c20 Preview

Shades and Tints of #7c7c20

Tones of #7c7c20

Color Blindness Simulator