#3a5a20 hex color

In a RGB color space, hex #3a5a20 is composed of 22.7% red, 35.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 64.4% yellow and 64.7% black. It has a hue angle of 93.1 degrees, a saturation of 47.5% and a lightness of 23.9%. #3a5a20 color hex could be obtained by blending #74b440 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 23
- G 35
- B 13
RGB color chart
- C 36
- M 0
- Y 64
- K 65
CMYK color chart

● #3a5a20 color description : Very dark green.

The hexadecimal color #3a5a20 has RGB values of R:58, G:90, B:32 and CMYK values of C:0.36, M:0, Y:0.64, K:0.65. Its decimal value is 3824160.

Hex triplet	3a5a20	`#3a5a20`
RGB Decimal	58, 90, 32	`rgb(58,90,32)`
RGB Percent	22.7, 35.3, 12.5	`rgb(22.7%,35.3%,12.5%)`
CMYK	36, 0, 64, 65
HSL	93.1°, 47.5, 23.9	`hsl(93.1,47.5%,23.9%)`
HSV (or HSB)	93.1°, 64.4, 35.3
Web Safe	336633	`#336633`

CIE-LAB	34.632, -22.972, 29.169
XYZ	5.662, 8.316, 2.673
xyY	0.34, 0.499, 8.316
CIE-LCH	34.632, 37.128, 128.223
CIE-LUV	34.632, -15.412, 32.578
Hunter-Lab	28.837, -15.421, 14.69
Binary	00111010, 01011010, 00100000

#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#40205a
```
#40205a rgb(64,32,90)
```

Complementary Color

#575a20
```
#575a20 rgb(87,90,32)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#205a23
```
#205a23 rgb(32,90,35)
```

Analogous Color

#5a2057
```
#5a2057 rgb(90,32,87)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#23205a
```
#23205a rgb(35,32,90)
```

Split Complementary Color

#5a203a
```
#5a203a rgb(90,32,58)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#203a5a
```
#203a5a rgb(32,58,90)
```

Triadic Color

#5a4020
```
#5a4020 rgb(90,64,32)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#203a5a
```
#203a5a rgb(32,58,90)
```
#40205a
```
#40205a rgb(64,32,90)
```

Tetradic Color

#16220c
```
#16220c rgb(22,34,12)
```
#223413
```
#223413 rgb(34,52,19)
```
#2e4719
```
#2e4719 rgb(46,71,25)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#466d27
```
#466d27 rgb(70,109,39)
```
#52802d
```
#52802d rgb(82,128,45)
```
#5e9234
```
#5e9234 rgb(94,146,52)
```

Monochromatic Color

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

#495a20
```
#495a20 rgb(73,90,32)
```
#445a20
```
#445a20 rgb(68,90,32)
```
#3f5a20
```
#3f5a20 rgb(63,90,32)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#355a20
```
#355a20 rgb(53,90,32)
```
#305a20
```
#305a20 rgb(48,90,32)
```
#2c5a20
```
#2c5a20 rgb(44,90,32)
```

Similar Colors

Text with hexadecimal color #3a5a20

This text has a font color of #3a5a20.

<span style="color:#3a5a20;">Text here</span>

#3a5a20 background color

This paragraph has a background color of #3a5a20.

<p style="background-color:#3a5a20;">Content here</p>

#3a5a20 border color

This element has a border color of #3a5a20.

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

CSS codes

.text {color:#3a5a20;}

.background {background-color:#3a5a20;}

.border {border:1px solid #3a5a20;}

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

#020301
```
#020301 rgb(2,3,1)
```
#0b1206
```
#0b1206 rgb(11,18,6)
```
#15200b
```
#15200b rgb(21,32,11)
```
#1e2f11
```
#1e2f11 rgb(30,47,17)
```
#273d16
```
#273d16 rgb(39,61,22)
```
#314c1b
```
#314c1b rgb(49,76,27)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#436825
```
#436825 rgb(67,104,37)
```
#4d772a
```
#4d772a rgb(77,119,42)
```
#56852f
```
#56852f rgb(86,133,47)
```
#5f9435
```
#5f9435 rgb(95,148,53)
```
#69a23a
```
#69a23a rgb(105,162,58)
```
#72b13f
```
#72b13f rgb(114,177,63)
```

Shade Color Variation

#7bbd46
```
#7bbd46 rgb(123,189,70)
```
#86c255
```
#86c255 rgb(134,194,85)
```
#90c863
```
#90c863 rgb(144,200,99)
```
#9acd71
```
#9acd71 rgb(154,205,113)
```
#a5d280
```
#a5d280 rgb(165,210,128)
```
#afd78e
```
#afd78e rgb(175,215,142)
```
#b9dc9d
```
#b9dc9d rgb(185,220,157)
```
#c4e1ab
```
#c4e1ab rgb(196,225,171)
```
#cee6ba
```
#cee6ba rgb(206,230,186)
```
#d8ecc8
```
#d8ecc8 rgb(216,236,200)
```
#e2f1d7
```
#e2f1d7 rgb(226,241,215)
```
#edf6e5
```
#edf6e5 rgb(237,246,229)
```
#f7fbf4
```
#f7fbf4 rgb(247,251,244)
```

Tint Color Variation

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

#3d3e3c
```
#3d3e3c rgb(61,62,60)
```
#3c4337
```
#3c4337 rgb(60,67,55)
```
#3c4733
```
#3c4733 rgb(60,71,51)
```
#3b4c2e
```
#3b4c2e rgb(59,76,46)
```
#3b5129
```
#3b5129 rgb(59,81,41)
```
#3a5525
```
#3a5525 rgb(58,85,37)
```
#3a5a20
```
#3a5a20 rgb(58,90,32)
```
#3a5f1b
```
#3a5f1b rgb(58,95,27)
```
#396317
```
#396317 rgb(57,99,23)
```
#396812
```
#396812 rgb(57,104,18)
```
#386d0d
```
#386d0d rgb(56,109,13)
```
#387109
```
#387109 rgb(56,113,9)
```
#377604
```
#377604 rgb(55,118,4)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#474d42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#645a29 Protanopia 1% of men
#6e5630 Deuteranopia 1% of men
#4d5c63 Tritanopia 0.001% of the population

Trichromacy

#545a25 Protanomaly 1% of men, 0.01% of women
#5b572a Deuteranomaly 6% of men, 0.4% of women
#465b4a Tritanomaly 0.01% of the population

#3a5a20 hex color

#3a5a20 Color Information

#3a5a20 Color Conversion

Color Schemes with #3a5a20

Alternatives to #3a5a20

#3a5a20 Preview

Shades and Tints of #3a5a20

Tones of #3a5a20

Color Blindness Simulator