#7a7a22 hex color

In a RGB color space, hex #7a7a22 is composed of 47.8% red, 47.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 72.1% yellow and 52.2% black. It has a hue angle of 60 degrees, a saturation of 56.4% and a lightness of 30.6%. #7a7a22 color hex could be obtained by blending #f4f444 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 48
- G 48
- B 13
RGB color chart
- C 0
- M 0
- Y 72
- K 52
CMYK color chart

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

The hexadecimal color #7a7a22 has RGB values of R:122, G:122, B:34 and CMYK values of C:0, M:0, Y:0.72, K:0.52. Its decimal value is 8026658.

Hex triplet	7a7a22	`#7a7a22`
RGB Decimal	122, 122, 34	`rgb(122,122,34)`
RGB Percent	47.8, 47.8, 13.3	`rgb(47.8%,47.8%,13.3%)`
CMYK	0, 0, 72, 52
HSL	60°, 56.4, 30.6	`hsl(60,56.4%,30.6%)`
HSV (or HSB)	60°, 72.1, 47.8
Web Safe	666633	`#666633`

CIE-LAB	49.705, -11.371, 45.62
XYZ	15.274, 18.172, 4.216
xyY	0.406, 0.482, 18.172
CIE-LCH	49.705, 47.016, 103.996
CIE-LUV	49.705, 3.536, 49.051
Hunter-Lab	42.629, -10.643, 23.976
Binary	01111010, 01111010, 00100010

#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#22227a
```
#22227a rgb(34,34,122)
```

Complementary Color

#7a4e22
```
#7a4e22 rgb(122,78,34)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#4e7a22
```
#4e7a22 rgb(78,122,34)
```

Analogous Color

#4e227a
```
#4e227a rgb(78,34,122)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#224e7a
```
#224e7a rgb(34,78,122)
```

Split Complementary Color

#7a227a
```
#7a227a rgb(122,34,122)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#227a7a
```
#227a7a rgb(34,122,122)
```

Triadic Color

#7a2222
```
#7a2222 rgb(122,34,34)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#227a7a
```
#227a7a rgb(34,122,122)
```
#22227a
```
#22227a rgb(34,34,122)
```

Tetradic Color

#3e3e11
```
#3e3e11 rgb(62,62,17)
```
#525217
```
#525217 rgb(82,82,23)
```
#66661c
```
#66661c rgb(102,102,28)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#8e8e28
```
#8e8e28 rgb(142,142,40)
```
#a2a22d
```
#a2a22d rgb(162,162,45)
```
#b6b633
```
#b6b633 rgb(182,182,51)
```

Monochromatic Color

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

#7a6422
```
#7a6422 rgb(122,100,34)
```
#7a6b22
```
#7a6b22 rgb(122,107,34)
```
#7a7322
```
#7a7322 rgb(122,115,34)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#737a22
```
#737a22 rgb(115,122,34)
```
#6b7a22
```
#6b7a22 rgb(107,122,34)
```
#647a22
```
#647a22 rgb(100,122,34)
```

Similar Colors

Text with hexadecimal color #7a7a22

This text has a font color of #7a7a22.

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

#7a7a22 background color

This paragraph has a background color of #7a7a22.

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

#7a7a22 border color

This element has a border color of #7a7a22.

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

CSS codes

.text {color:#7a7a22;}

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

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

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)
```
#2d2d0d
```
#2d2d0d rgb(45,45,13)
```
#3d3d11
```
#3d3d11 rgb(61,61,17)
```
#4c4c15
```
#4c4c15 rgb(76,76,21)
```
#5b5b19
```
#5b5b19 rgb(91,91,25)
```
#6b6b1e
```
#6b6b1e rgb(107,107,30)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#898926
```
#898926 rgb(137,137,38)
```
#99992b
```
#99992b rgb(153,153,43)
```
#a8a82f
```
#a8a82f rgb(168,168,47)
```
#b7b733
```
#b7b733 rgb(183,183,51)
```
#c7c737
```
#c7c737 rgb(199,199,55)
```

Shade Color Variation

#cbcb46
```
#cbcb46 rgb(203,203,70)
```
#d0d056
```
#d0d056 rgb(208,208,86)
```
#d4d465
```
#d4d465 rgb(212,212,101)
```
#d8d874
```
#d8d874 rgb(216,216,116)
```
#dddd84
```
#dddd84 rgb(221,221,132)
```
#e1e193
```
#e1e193 rgb(225,225,147)
```
#e5e5a2
```
#e5e5a2 rgb(229,229,162)
```
#e9e9b2
```
#e9e9b2 rgb(233,233,178)
```
#eeeec1
```
#eeeec1 rgb(238,238,193)
```
#f2f2d0
```
#f2f2d0 rgb(242,242,208)
```
#f6f6e0
```
#f6f6e0 rgb(246,246,224)
```
#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, #50504c is the less saturated color, while #989804 is the most saturated one.

#50504c
```
#50504c rgb(80,80,76)
```
#565646
```
#565646 rgb(86,86,70)
```
#5c5c40
```
#5c5c40 rgb(92,92,64)
```
#62623a
```
#62623a rgb(98,98,58)
```
#686834
```
#686834 rgb(104,104,52)
```
#6e6e2e
```
#6e6e2e rgb(110,110,46)
```
#747428
```
#747428 rgb(116,116,40)
```
#7a7a22
```
#7a7a22 rgb(122,122,34)
```
#80801c
```
#80801c rgb(128,128,28)
```
#868616
```
#868616 rgb(134,134,22)
```
#8c8c10
```
#8c8c10 rgb(140,140,16)
```
#92920a
```
#92920a rgb(146,146,10)
```
#989804
```
#989804 rgb(152,152,4)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#727260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2c Protanopia 1% of men
#9a7731 Deuteranopia 1% of men
#897881 Tritanopia 0.001% of the population

Trichromacy

#857c28 Protanomaly 1% of men, 0.01% of women
#8e782b Deuteranomaly 6% of men, 0.4% of women
#83795e Tritanomaly 0.01% of the population

#7a7a22 hex color

#7a7a22 Color Information

#7a7a22 Color Conversion

Color Schemes with #7a7a22

Alternatives to #7a7a22

#7a7a22 Preview

Shades and Tints of #7a7a22

Tones of #7a7a22

Color Blindness Simulator