#5a7422 hex color

In a RGB color space, hex #5a7422 is composed of 35.3% red, 45.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 0% magenta, 70.7% yellow and 54.5% black. It has a hue angle of 79 degrees, a saturation of 54.7% and a lightness of 29.4%. #5a7422 color hex could be obtained by blending #b4e844 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 45
- B 13
RGB color chart
- C 22
- M 0
- Y 71
- K 55
CMYK color chart

● #5a7422 color description : Dark green.

The hexadecimal color #5a7422 has RGB values of R:90, G:116, B:34 and CMYK values of C:0.22, M:0, Y:0.71, K:0.55. Its decimal value is 5927970.

Hex triplet	5a7422	`#5a7422`
RGB Decimal	90, 116, 34	`rgb(90,116,34)`
RGB Percent	35.3, 45.5, 13.3	`rgb(35.3%,45.5%,13.3%)`
CMYK	22, 0, 71, 55
HSL	79°, 54.7, 29.4	`hsl(79,54.7%,29.4%)`
HSV (or HSB)	79°, 70.7, 45.5
Web Safe	666633	`#666633`

CIE-LAB	45.331, -22.553, 40.386
XYZ	10.75, 14.78, 3.8
xyY	0.367, 0.504, 14.78
CIE-LCH	45.331, 46.257, 119.18
CIE-LUV	45.331, -12.666, 45.473
Hunter-Lab	38.444, -17.363, 21.051
Binary	01011010, 01110100, 00100010

#5a7422
```
#5a7422 rgb(90,116,34)
```
#3c2274
```
#3c2274 rgb(60,34,116)
```

Complementary Color

#746522
```
#746522 rgb(116,101,34)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#317422
```
#317422 rgb(49,116,34)
```

Analogous Color

#652274
```
#652274 rgb(101,34,116)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#223174
```
#223174 rgb(34,49,116)
```

Split Complementary Color

#74225a
```
#74225a rgb(116,34,90)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#225a74
```
#225a74 rgb(34,90,116)
```

Triadic Color

#743c22
```
#743c22 rgb(116,60,34)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#225a74
```
#225a74 rgb(34,90,116)
```
#3c2274
```
#3c2274 rgb(60,34,116)
```

Tetradic Color

#2c3911
```
#2c3911 rgb(44,57,17)
```
#3b4d16
```
#3b4d16 rgb(59,77,22)
```
#4b601c
```
#4b601c rgb(75,96,28)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#698828
```
#698828 rgb(105,136,40)
```
#799b2e
```
#799b2e rgb(121,155,46)
```
#88af33
```
#88af33 rgb(136,175,51)
```

Monochromatic Color

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

#6f7422
```
#6f7422 rgb(111,116,34)
```
#687422
```
#687422 rgb(104,116,34)
```
#617422
```
#617422 rgb(97,116,34)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#537422
```
#537422 rgb(83,116,34)
```
#4c7422
```
#4c7422 rgb(76,116,34)
```
#467422
```
#467422 rgb(70,116,34)
```

Similar Colors

Text with hexadecimal color #5a7422

This text has a font color of #5a7422.

<span style="color:#5a7422;">Text here</span>

#5a7422 background color

This paragraph has a background color of #5a7422.

<p style="background-color:#5a7422;">Content here</p>

#5a7422 border color

This element has a border color of #5a7422.

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

CSS codes

.text {color:#5a7422;}

.background {background-color:#5a7422;}

.border {border:1px solid #5a7422;}

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, #080a03 is the darkest color, while #fcfdfa is the lightest one.

#080a03
```
#080a03 rgb(8,10,3)
```
#131907
```
#131907 rgb(19,25,7)
```
#1f280c
```
#1f280c rgb(31,40,12)
```
#2b3710
```
#2b3710 rgb(43,55,16)
```
#374615
```
#374615 rgb(55,70,21)
```
#425619
```
#425619 rgb(66,86,25)
```
#4e651e
```
#4e651e rgb(78,101,30)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#668326
```
#668326 rgb(102,131,38)
```
#72922b
```
#72922b rgb(114,146,43)
```
#7da22f
```
#7da22f rgb(125,162,47)
```
#89b134
```
#89b134 rgb(137,177,52)
```
#95c038
```
#95c038 rgb(149,192,56)
```

Shade Color Variation

#9ec844
```
#9ec844 rgb(158,200,68)
```
#a6cd53
```
#a6cd53 rgb(166,205,83)
```
#aed162
```
#aed162 rgb(174,209,98)
```
#b6d571
```
#b6d571 rgb(182,213,113)
```
#bdda80
```
#bdda80 rgb(189,218,128)
```
#c5de8f
```
#c5de8f rgb(197,222,143)
```
#cde39f
```
#cde39f rgb(205,227,159)
```
#d5e7ae
```
#d5e7ae rgb(213,231,174)
```
#ddecbd
```
#ddecbd rgb(221,236,189)
```
#e5f0cc
```
#e5f0cc rgb(229,240,204)
```
#edf5db
```
#edf5db rgb(237,245,219)
```
#f4f9ea
```
#f4f9ea rgb(244,249,234)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4c4a is the less saturated color, while #659105 is the most saturated one.

#4b4c4a
```
#4b4c4a rgb(75,76,74)
```
#4d5145
```
#4d5145 rgb(77,81,69)
```
#4f573f
```
#4f573f rgb(79,87,63)
```
#525d39
```
#525d39 rgb(82,93,57)
```
#546333
```
#546333 rgb(84,99,51)
```
#56682e
```
#56682e rgb(86,104,46)
```
#586e28
```
#586e28 rgb(88,110,40)
```
#5a7422
```
#5a7422 rgb(90,116,34)
```
#5c7a1c
```
#5c7a1c rgb(92,122,28)
```
#5e8016
```
#5e8016 rgb(94,128,22)
```
#608511
```
#608511 rgb(96,133,17)
```
#628b0b
```
#628b0b rgb(98,139,11)
```
#659105
```
#659105 rgb(101,145,5)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#616656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f732b Protanopia 1% of men
#8d6d33 Deuteranopia 1% of men
#6d737b Tritanopia 0.001% of the population

Trichromacy

#727327 Protanomaly 1% of men, 0.01% of women
#7a702c Deuteranomaly 6% of men, 0.4% of women
#66735b Tritanomaly 0.01% of the population

#5a7422 hex color

#5a7422 Color Information

#5a7422 Color Conversion

Color Schemes with #5a7422

Alternatives to #5a7422

#5a7422 Preview

Shades and Tints of #5a7422

Tones of #5a7422

Color Blindness Simulator