#3a5f20 hex color

In a RGB color space, hex #3a5f20 is composed of 22.7% red, 37.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 0% magenta, 66.3% yellow and 62.7% black. It has a hue angle of 95.2 degrees, a saturation of 49.6% and a lightness of 24.9%. #3a5f20 color hex could be obtained by blending #74be40 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 23
- G 37
- B 13
RGB color chart
- C 39
- M 0
- Y 66
- K 63
CMYK color chart

● #3a5f20 color description : Very dark green.

The hexadecimal color #3a5f20 has RGB values of R:58, G:95, B:32 and CMYK values of C:0.39, M:0, Y:0.66, K:0.63. Its decimal value is 3825440.

Hex triplet	3a5f20	`#3a5f20`
RGB Decimal	58, 95, 32	`rgb(58,95,32)`
RGB Percent	22.7, 37.3, 12.5	`rgb(22.7%,37.3%,12.5%)`
CMYK	39, 0, 66, 63
HSL	95.2°, 49.6, 24.9	`hsl(95.2,49.6%,24.9%)`
HSV (or HSB)	95.2°, 66.3, 37.3
Web Safe	336633	`#336633`

CIE-LAB	36.344, -25.459, 31.084
XYZ	6.098, 9.188, 2.819
xyY	0.337, 0.508, 9.188
CIE-LCH	36.344, 40.18, 129.319
CIE-LUV	36.344, -17.844, 35.131
Hunter-Lab	30.312, -17.137, 15.705
Binary	00111010, 01011111, 00100000

#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#45205f
```
#45205f rgb(69,32,95)
```

Complementary Color

#5a5f20
```
#5a5f20 rgb(90,95,32)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#205f26
```
#205f26 rgb(32,95,38)
```

Analogous Color

#5f205a
```
#5f205a rgb(95,32,90)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#26205f
```
#26205f rgb(38,32,95)
```

Split Complementary Color

#5f203a
```
#5f203a rgb(95,32,58)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#203a5f
```
#203a5f rgb(32,58,95)
```

Triadic Color

#5f4520
```
#5f4520 rgb(95,69,32)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#203a5f
```
#203a5f rgb(32,58,95)
```
#45205f
```
#45205f rgb(69,32,95)
```

Tetradic Color

#17260d
```
#17260d rgb(23,38,13)
```
#233913
```
#233913 rgb(35,57,19)
```
#2e4c1a
```
#2e4c1a rgb(46,76,26)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#467226
```
#467226 rgb(70,114,38)
```
#51852d
```
#51852d rgb(81,133,45)
```
#5d9833
```
#5d9833 rgb(93,152,51)
```

Monochromatic Color

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

#4a5f20
```
#4a5f20 rgb(74,95,32)
```
#455f20
```
#455f20 rgb(69,95,32)
```
#3f5f20
```
#3f5f20 rgb(63,95,32)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#355f20
```
#355f20 rgb(53,95,32)
```
#305f20
```
#305f20 rgb(48,95,32)
```
#2a5f20
```
#2a5f20 rgb(42,95,32)
```

Similar Colors

Text with hexadecimal color #3a5f20

This text has a font color of #3a5f20.

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

#3a5f20 background color

This paragraph has a background color of #3a5f20.

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

#3a5f20 border color

This element has a border color of #3a5f20.

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

CSS codes

.text {color:#3a5f20;}

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

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

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

#040702
```
#040702 rgb(4,7,2)
```
#0d1607
```
#0d1607 rgb(13,22,7)
```
#16240c
```
#16240c rgb(22,36,12)
```
#1f3311
```
#1f3311 rgb(31,51,17)
```
#284216
```
#284216 rgb(40,66,22)
```
#31501b
```
#31501b rgb(49,80,27)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#436e25
```
#436e25 rgb(67,110,37)
```
#4c7c2a
```
#4c7c2a rgb(76,124,42)
```
#558b2f
```
#558b2f rgb(85,139,47)
```
#5e9a34
```
#5e9a34 rgb(94,154,52)
```
#67a839
```
#67a839 rgb(103,168,57)
```
#70b73e
```
#70b73e rgb(112,183,62)
```

Shade Color Variation

#7ac147
```
#7ac147 rgb(122,193,71)
```
#84c656
```
#84c656 rgb(132,198,86)
```
#8fcb65
```
#8fcb65 rgb(143,203,101)
```
#99d073
```
#99d073 rgb(153,208,115)
```
#a4d582
```
#a4d582 rgb(164,213,130)
```
#afda91
```
#afda91 rgb(175,218,145)
```
#b9df9f
```
#b9df9f rgb(185,223,159)
```
#c4e4ae
```
#c4e4ae rgb(196,228,174)
```
#cfe9bd
```
#cfe9bd rgb(207,233,189)
```
#d9eecb
```
#d9eecb rgb(217,238,203)
```
#e4f3da
```
#e4f3da rgb(228,243,218)
```
#eff7e9
```
#eff7e9 rgb(239,247,233)
```
#f9fcf7
```
#f9fcf7 rgb(249,252,247)
```

Tint Color Variation

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

#3f423d
```
#3f423d rgb(63,66,61)
```
#3e4738
```
#3e4738 rgb(62,71,56)
```
#3d4b34
```
#3d4b34 rgb(61,75,52)
```
#3d502f
```
#3d502f rgb(61,80,47)
```
#3c552a
```
#3c552a rgb(60,85,42)
```
#3b5a25
```
#3b5a25 rgb(59,90,37)
```
#3a5f20
```
#3a5f20 rgb(58,95,32)
```
#39641b
```
#39641b rgb(57,100,27)
```
#386916
```
#386916 rgb(56,105,22)
```
#376e11
```
#376e11 rgb(55,110,17)
```
#37730c
```
#37730c rgb(55,115,12)
```
#367708
```
#367708 rgb(54,119,8)
```
#357c03
```
#357c03 rgb(53,124,3)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#495144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685e29 Protanopia 1% of men
#735a30 Deuteranopia 1% of men
#4f6168 Tritanopia 0.001% of the population

Trichromacy

#575e25 Protanomaly 1% of men, 0.01% of women
#5e5b2a Deuteranomaly 6% of men, 0.4% of women
#47604d Tritanomaly 0.01% of the population

#3a5f20 hex color

#3a5f20 Color Information

#3a5f20 Color Conversion

Color Schemes with #3a5f20

Alternatives to #3a5f20

#3a5f20 Preview

Shades and Tints of #3a5f20

Tones of #3a5f20

Color Blindness Simulator