#3a5420 hex color

In a RGB color space, hex #3a5420 is composed of 22.7% red, 32.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 61.9% yellow and 67.1% black. It has a hue angle of 90 degrees, a saturation of 44.8% and a lightness of 22.7%. #3a5420 color hex could be obtained by blending #74a840 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 23
- G 33
- B 13
RGB color chart
- C 31
- M 0
- Y 62
- K 67
CMYK color chart

● #3a5420 color description : Very dark green.

The hexadecimal color #3a5420 has RGB values of R:58, G:84, B:32 and CMYK values of C:0.31, M:0, Y:0.62, K:0.67. Its decimal value is 3822624.

Hex triplet	3a5420	`#3a5420`
RGB Decimal	58, 84, 32	`rgb(58,84,32)`
RGB Percent	22.7, 32.9, 12.5	`rgb(22.7%,32.9%,12.5%)`
CMYK	31, 0, 62, 67
HSL	90°, 44.8, 22.7	`hsl(90,44.8%,22.7%)`
HSV (or HSB)	90°, 61.9, 32.9
Web Safe	336633	`#336633`

CIE-LAB	32.578, -19.871, 26.825
XYZ	5.176, 7.344, 2.511
xyY	0.344, 0.489, 7.344
CIE-LCH	32.578, 33.383, 126.53
CIE-LUV	32.578, -12.43, 29.477
Hunter-Lab	27.1, -13.335, 13.476
Binary	00111010, 01010100, 00100000

#3a5420
```
#3a5420 rgb(58,84,32)
```
#3a2054
```
#3a2054 rgb(58,32,84)
```

Complementary Color

#545420
```
#545420 rgb(84,84,32)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#205420
```
#205420 rgb(32,84,32)
```

Analogous Color

#542054
```
#542054 rgb(84,32,84)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#202054
```
#202054 rgb(32,32,84)
```

Split Complementary Color

#54203a
```
#54203a rgb(84,32,58)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#203a54
```
#203a54 rgb(32,58,84)
```

Triadic Color

#543a20
```
#543a20 rgb(84,58,32)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#203a54
```
#203a54 rgb(32,58,84)
```
#3a2054
```
#3a2054 rgb(58,32,84)
```

Tetradic Color

#141d0b
```
#141d0b rgb(20,29,11)
```
#212f12
```
#212f12 rgb(33,47,18)
```
#2d4219
```
#2d4219 rgb(45,66,25)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#476627
```
#476627 rgb(71,102,39)
```
#54792e
```
#54792e rgb(84,121,46)
```
#608b35
```
#608b35 rgb(96,139,53)
```

Monochromatic Color

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

#475420
```
#475420 rgb(71,84,32)
```
#435420
```
#435420 rgb(67,84,32)
```
#3e5420
```
#3e5420 rgb(62,84,32)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#365420
```
#365420 rgb(54,84,32)
```
#315420
```
#315420 rgb(49,84,32)
```
#2d5420
```
#2d5420 rgb(45,84,32)
```

Similar Colors

Text with hexadecimal color #3a5420

This text has a font color of #3a5420.

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

#3a5420 background color

This paragraph has a background color of #3a5420.

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

#3a5420 border color

This element has a border color of #3a5420.

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

CSS codes

.text {color:#3a5420;}

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

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

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, #090d05 is the darkest color, while #fefffe is the lightest one.

#090d05
```
#090d05 rgb(9,13,5)
```
#131b0a
```
#131b0a rgb(19,27,10)
```
#1d2910
```
#1d2910 rgb(29,41,16)
```
#263815
```
#263815 rgb(38,56,21)
```
#30461b
```
#30461b rgb(48,70,27)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#446225
```
#446225 rgb(68,98,37)
```
#4e702b
```
#4e702b rgb(78,112,43)
```
#577f30
```
#577f30 rgb(87,127,48)
```
#618d36
```
#618d36 rgb(97,141,54)
```
#6b9b3b
```
#6b9b3b rgb(107,155,59)
```
#75a940
```
#75a940 rgb(117,169,64)
```
#7fb746
```
#7fb746 rgb(127,183,70)
```

Shade Color Variation

#88be53
```
#88be53 rgb(136,190,83)
```
#92c362
```
#92c362 rgb(146,195,98)
```
#9cc870
```
#9cc870 rgb(156,200,112)
```
#a6ce7e
```
#a6ce7e rgb(166,206,126)
```
#b0d38c
```
#b0d38c rgb(176,211,140)
```
#bad99a
```
#bad99a rgb(186,217,154)
```
#c3dea9
```
#c3dea9 rgb(195,222,169)
```
#cde3b7
```
#cde3b7 rgb(205,227,183)
```
#d7e9c5
```
#d7e9c5 rgb(215,233,197)
```
#e1eed3
```
#e1eed3 rgb(225,238,211)
```
#ebf4e1
```
#ebf4e1 rgb(235,244,225)
```
#f4f9f0
```
#f4f9f0 rgb(244,249,240)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#3a3e36
```
#3a3e36 rgb(58,62,54)
```
#3a4232
```
#3a4232 rgb(58,66,50)
```
#3a472d
```
#3a472d rgb(58,71,45)
```
#3a4b29
```
#3a4b29 rgb(58,75,41)
```
#3a5024
```
#3a5024 rgb(58,80,36)
```
#3a5420
```
#3a5420 rgb(58,84,32)
```
#3a581c
```
#3a581c rgb(58,88,28)
```
#3a5d17
```
#3a5d17 rgb(58,93,23)
```
#3a6113
```
#3a6113 rgb(58,97,19)
```
#3a660e
```
#3a660e rgb(58,102,14)
```
#3a6a0a
```
#3a6a0a rgb(58,106,10)
```
#3a6f05
```
#3a6f05 rgb(58,111,5)
```
#3a7301
```
#3a7301 rgb(58,115,1)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#44493e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5629 Protanopia 1% of men
#68522f Deuteranopia 1% of men
#4c575d Tritanopia 0.001% of the population

Trichromacy

#515526 Protanomaly 1% of men, 0.01% of women
#575229 Deuteranomaly 6% of men, 0.4% of women
#455647 Tritanomaly 0.01% of the population

#3a5420 hex color

#3a5420 Color Information

#3a5420 Color Conversion

Color Schemes with #3a5420

Alternatives to #3a5420

#3a5420 Preview

Shades and Tints of #3a5420

Tones of #3a5420

Color Blindness Simulator