colorhexa.com

#3a6c20 hex color

In a RGB color space, hex #3a6c20 is composed of 22.7% red, 42.4% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 0% magenta, 70.4% yellow and 57.6% black. It has a hue angle of 99.5 degrees, a saturation of 54.3% and a lightness of 27.5%. #3a6c20 color hex could be obtained by blending #74d840 with #000000. Closest websafe color is: #336633.

- R 23
- G 42
- B 13
RGB color chart
- C 46
- M 0
- Y 70
- K 58
CMYK color chart

● #3a6c20 color description : Very dark green.

The hexadecimal color #3a6c20 has RGB values of R:58, G:108, B:32 and CMYK values of C:0.46, M:0, Y:0.7, K:0.58. Its decimal value is 3828768.

Hex triplet	3a6c20	`#3a6c20`
RGB Decimal	58, 108, 32	`rgb(58,108,32)`
RGB Percent	22.7, 42.4, 12.5	`rgb(22.7%,42.4%,12.5%)`
CMYK	46, 0, 70, 58
HSL	99.5°, 54.3, 27.5	`hsl(99.5,54.3%,27.5%)`
HSV (or HSB)	99.5°, 70.4, 42.4
Web Safe	336633	`#336633`

CIE-LAB	40.781, -31.555, 35.91
XYZ	7.368, 11.729, 3.242
xyY	0.33, 0.525, 11.729
CIE-LCH	40.781, 47.804, 131.306
CIE-LUV	40.781, -23.939, 41.632
Hunter-Lab	34.247, -21.529, 18.36
Binary	00111010, 01101100, 00100000

#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#52206c
```
#52206c rgb(82,32,108)
```

Complementary Color

#606c20
```
#606c20 rgb(96,108,32)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#206c2c
```
#206c2c rgb(32,108,44)
```

Analogous Color

#6c2060
```
#6c2060 rgb(108,32,96)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#2c206c
```
#2c206c rgb(44,32,108)
```

Split Complementary Color

#6c203a
```
#6c203a rgb(108,32,58)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#203a6c
```
#203a6c rgb(32,58,108)
```

Triadic Color

#1a310f
```
#1a310f rgb(26,49,15)
```
#254514
```
#254514 rgb(37,69,20)
```
#2f581a
```
#2f581a rgb(47,88,26)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#458026
```
#458026 rgb(69,128,38)
```
#4f932c
```
#4f932c rgb(79,147,44)
```
#5aa731
```
#5aa731 rgb(90,167,49)
```

Monochromatic Color

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

#4d6c20
```
#4d6c20 rgb(77,108,32)
```
#476c20
```
#476c20 rgb(71,108,32)
```
#406c20
```
#406c20 rgb(64,108,32)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#346c20
```
#346c20 rgb(52,108,32)
```
#2d6c20
```
#2d6c20 rgb(45,108,32)
```
#276c20
```
#276c20 rgb(39,108,32)
```

Similar Colors

Text with hexadecimal color #3a6c20

This text has a font color of #3a6c20.

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

#3a6c20 background color

This paragraph has a background color of #3a6c20.

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

#3a6c20 border color

This element has a border color of #3a6c20.

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

CSS codes

.text {color:#3a6c20;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#091105
```
#091105 rgb(9,17,5)
```
#11200a
```
#11200a rgb(17,32,10)
```
#192f0e
```
#192f0e rgb(25,47,14)
```
#223f13
```
#223f13 rgb(34,63,19)
```
#2a4e17
```
#2a4e17 rgb(42,78,23)
```
#325d1c
```
#325d1c rgb(50,93,28)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#427b24
```
#427b24 rgb(66,123,36)
```
#4a8a29
```
#4a8a29 rgb(74,138,41)
```
#52992d
```
#52992d rgb(82,153,45)
```
#5ba932
```
#5ba932 rgb(91,169,50)
```
#63b836
```
#63b836 rgb(99,184,54)
```

Shade Color Variation

#6bc53c
```
#6bc53c rgb(107,197,60)
```
#77ca4b
```
#77ca4b rgb(119,202,75)
```
#82ce5b
```
#82ce5b rgb(130,206,91)
```
#8ed36a
```
#8ed36a rgb(142,211,106)
```
#99d779
```
#99d779 rgb(153,215,121)
```
#a5dc88
```
#a5dc88 rgb(165,220,136)
```
#b0e097
```
#b0e097 rgb(176,224,151)
```
#bce5a6
```
#bce5a6 rgb(188,229,166)
```
#c7e9b5
```
#c7e9b5 rgb(199,233,181)
```
#d3eec5
```
#d3eec5 rgb(211,238,197)
```
#def2d4
```
#def2d4 rgb(222,242,212)
```
#eaf7e3
```
#eaf7e3 rgb(234,247,227)
```
#f5fbf2
```
#f5fbf2 rgb(245,251,242)
```

Tint Color Variation

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

#464646
```
#464646 rgb(70,70,70)
```
#444c40
```
#444c40 rgb(68,76,64)
```
#43513b
```
#43513b rgb(67,81,59)
```
#415636
```
#415636 rgb(65,86,54)
```
#3f5c30
```
#3f5c30 rgb(63,92,48)
```
#3d612b
```
#3d612b rgb(61,97,43)
```
#3c6725
```
#3c6725 rgb(60,103,37)
```
#3a6c20
```
#3a6c20 rgb(58,108,32)
```
#38711b
```
#38711b rgb(56,113,27)
```
#377715
```
#377715 rgb(55,119,21)
```
#357c10
```
#357c10 rgb(53,124,16)
```
#33820a
```
#33820a rgb(51,130,10)
```
#318705
```
#318705 rgb(49,135,5)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f594a Atypical Achromatopsia 0.001% of the population

Dichromacy

#746828 Protanopia 1% of men
#806332 Deuteranopia 1% of men
#526c74 Tritanopia 0.001% of the population

Trichromacy

#5f6925 Protanomaly 1% of men, 0.01% of women
#66662b Deuteranomaly 6% of men, 0.4% of women
#496c55 Tritanomaly 0.01% of the population