#5a7240 hex color

In a RGB color space, hex #5a7240 is composed of 35.3% red, 44.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 21.1% cyan, 0% magenta, 43.9% yellow and 55.3% black. It has a hue angle of 88.8 degrees, a saturation of 28.1% and a lightness of 34.9%. #5a7240 color hex could be obtained by blending #b4e480 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 35
- G 45
- B 25
RGB color chart
- C 21
- M 0
- Y 44
- K 55
CMYK color chart

● #5a7240 color description : Very dark desaturated green.

The hexadecimal color #5a7240 has RGB values of R:90, G:114, B:64 and CMYK values of C:0.21, M:0, Y:0.44, K:0.55. Its decimal value is 5927488.

Hex triplet	5a7240	`#5a7240`
RGB Decimal	90, 114, 64	`rgb(90,114,64)`
RGB Percent	35.3, 44.7, 25.1	`rgb(35.3%,44.7%,25.1%)`
CMYK	21, 0, 44, 55
HSL	88.8°, 28.1, 34.9	`hsl(88.8,28.1%,34.9%)`
HSV (or HSB)	88.8°, 43.9, 44.7
Web Safe	666633	`#666633`

CIE-LAB	45.051, -18.321, 24.85
XYZ	11.159, 14.578, 7.076
xyY	0.34, 0.444, 14.578
CIE-LCH	45.051, 30.874, 126.4
CIE-LUV	45.051, -11.744, 31.779
Hunter-Lab	38.181, -14.649, 15.739
Binary	01011010, 01110010, 01000000

#5a7240
```
#5a7240 rgb(90,114,64)
```
#584072
```
#584072 rgb(88,64,114)
```

Complementary Color

#727140
```
#727140 rgb(114,113,64)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#417240
```
#417240 rgb(65,114,64)
```

Analogous Color

#714072
```
#714072 rgb(113,64,114)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#404172
```
#404172 rgb(64,65,114)
```

Split Complementary Color

#72405a
```
#72405a rgb(114,64,90)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#405a72
```
#405a72 rgb(64,90,114)
```

Triadic Color

#725840
```
#725840 rgb(114,88,64)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#405a72
```
#405a72 rgb(64,90,114)
```
#584072
```
#584072 rgb(88,64,114)
```

Tetradic Color

#334124
```
#334124 rgb(51,65,36)
```
#40512e
```
#40512e rgb(64,81,46)
```
#4d6237
```
#4d6237 rgb(77,98,55)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#678249
```
#678249 rgb(103,130,73)
```
#749352
```
#749352 rgb(116,147,82)
```
#81a35c
```
#81a35c rgb(129,163,92)
```

Monochromatic Color

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

#677240
```
#677240 rgb(103,114,64)
```
#627240
```
#627240 rgb(98,114,64)
```
#5e7240
```
#5e7240 rgb(94,114,64)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#567240
```
#567240 rgb(86,114,64)
```
#527240
```
#527240 rgb(82,114,64)
```
#4e7240
```
#4e7240 rgb(78,114,64)
```

Similar Colors

Text with hexadecimal color #5a7240

This text has a font color of #5a7240.

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

#5a7240 background color

This paragraph has a background color of #5a7240.

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

#5a7240 border color

This element has a border color of #5a7240.

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

CSS codes

.text {color:#5a7240;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b0d08
```
#0b0d08 rgb(11,13,8)
```
#151a0f
```
#151a0f rgb(21,26,15)
```
#1e2716
```
#1e2716 rgb(30,39,22)
```
#28331d
```
#28331d rgb(40,51,29)
```
#324024
```
#324024 rgb(50,64,36)
```
#3c4c2b
```
#3c4c2b rgb(60,76,43)
```
#465932
```
#465932 rgb(70,89,50)
```
#506539
```
#506539 rgb(80,101,57)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#647f47
```
#647f47 rgb(100,127,71)
```
#6e8b4e
```
#6e8b4e rgb(110,139,78)
```
#789855
```
#789855 rgb(120,152,85)
```

Shade Color Variation

#82a45d
```
#82a45d rgb(130,164,93)
```
#8bab69
```
#8bab69 rgb(139,171,105)
```
#95b276
```
#95b276 rgb(149,178,118)
```
#9fb982
```
#9fb982 rgb(159,185,130)
```
#a8c08f
```
#a8c08f rgb(168,192,143)
```
#b2c79b
```
#b2c79b rgb(178,199,155)
```
#bccea8
```
#bccea8 rgb(188,206,168)
```
#c6d5b5
```
#c6d5b5 rgb(198,213,181)
```
#cfdcc1
```
#cfdcc1 rgb(207,220,193)
```
#d9e3ce
```
#d9e3ce rgb(217,227,206)
```
#e3eada
```
#e3eada rgb(227,234,218)
```
#ecf1e7
```
#ecf1e7 rgb(236,241,231)
```
#f6f8f3
```
#f6f8f3 rgb(246,248,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d55 is the less saturated color, while #5cb002 is the most saturated one.

#595d55
```
#595d55 rgb(89,93,85)
```
#59644e
```
#59644e rgb(89,100,78)
```
#5a6b47
```
#5a6b47 rgb(90,107,71)
```
#5a7240
```
#5a7240 rgb(90,114,64)
```
#5a7939
```
#5a7939 rgb(90,121,57)
```
#5b8032
```
#5b8032 rgb(91,128,50)
```
#5b872b
```
#5b872b rgb(91,135,43)
```
#5b8d25
```
#5b8d25 rgb(91,141,37)
```
#5b941e
```
#5b941e rgb(91,148,30)
```
#5c9b17
```
#5c9b17 rgb(92,155,23)
```
#5ca210
```
#5ca210 rgb(92,162,16)
```
#5ca909
```
#5ca909 rgb(92,169,9)
```
#5cb002
```
#5cb002 rgb(92,176,2)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#63685e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7247 Protanopia 1% of men
#886d4d Deuteranopia 1% of men
#6a737b Tritanopia 0.001% of the population

Trichromacy

#707244 Protanomaly 1% of men, 0.01% of women
#776f48 Deuteranomaly 6% of men, 0.4% of women
#647265 Tritanomaly 0.01% of the population

#5a7240 hex color

#5a7240 Color Information

#5a7240 Color Conversion

Color Schemes with #5a7240

Alternatives to #5a7240

#5a7240 Preview

Shades and Tints of #5a7240

Tones of #5a7240

Color Blindness Simulator