#3a6216 hex color

In a RGB color space, hex #3a6216 is composed of 22.7% red, 38.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 40.8% cyan, 0% magenta, 77.6% yellow and 61.6% black. It has a hue angle of 91.6 degrees, a saturation of 63.3% and a lightness of 23.5%. #3a6216 color hex could be obtained by blending #74c42c with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 23
- G 38
- B 9
RGB color chart
- C 41
- M 0
- Y 78
- K 62
CMYK color chart

● #3a6216 color description : Very dark green.

The hexadecimal color #3a6216 has RGB values of R:58, G:98, B:22 and CMYK values of C:0.41, M:0, Y:0.78, K:0.62. Its decimal value is 3826198.

Hex triplet	3a6216	`#3a6216`
RGB Decimal	58, 98, 22	`rgb(58,98,22)`
RGB Percent	22.7, 38.4, 8.6	`rgb(22.7%,38.4%,8.6%)`
CMYK	41, 0, 78, 62
HSL	91.6°, 63.3, 23.5	`hsl(91.6,63.3%,23.5%)`
HSV (or HSB)	91.6°, 77.6, 38.4
Web Safe	336600	`#336600`

CIE-LAB	37.285, -27.785, 36.583
XYZ	6.257, 9.693, 2.3
xyY	0.343, 0.531, 9.693
CIE-LCH	37.285, 45.938, 127.217
CIE-LUV	37.285, -19.376, 39.682
Hunter-Lab	31.133, -18.607, 17.413
Binary	00111010, 01100010, 00010110

#3a6216
```
#3a6216 rgb(58,98,22)
```
#3e1662
```
#3e1662 rgb(62,22,98)
```

Complementary Color

#606216
```
#606216 rgb(96,98,22)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#166218
```
#166218 rgb(22,98,24)
```

Analogous Color

#621660
```
#621660 rgb(98,22,96)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#181662
```
#181662 rgb(24,22,98)
```

Split Complementary Color

#62163a
```
#62163a rgb(98,22,58)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#163a62
```
#163a62 rgb(22,58,98)
```

Triadic Color

#623e16
```
#623e16 rgb(98,62,22)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#163a62
```
#163a62 rgb(22,58,98)
```
#3e1662
```
#3e1662 rgb(62,22,98)
```

Tetradic Color

#152408
```
#152408 rgb(21,36,8)
```
#21380d
```
#21380d rgb(33,56,13)
```
#2e4d11
```
#2e4d11 rgb(46,77,17)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#46771b
```
#46771b rgb(70,119,27)
```
#538c1f
```
#538c1f rgb(83,140,31)
```
#5fa024
```
#5fa024 rgb(95,160,36)
```

Monochromatic Color

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

#4d6216
```
#4d6216 rgb(77,98,22)
```
#476216
```
#476216 rgb(71,98,22)
```
#406216
```
#406216 rgb(64,98,22)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#346216
```
#346216 rgb(52,98,22)
```
#2d6216
```
#2d6216 rgb(45,98,22)
```
#276216
```
#276216 rgb(39,98,22)
```

Similar Colors

Text with hexadecimal color #3a6216

This text has a font color of #3a6216.

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

#3a6216 background color

This paragraph has a background color of #3a6216.

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

#3a6216 border color

This element has a border color of #3a6216.

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

CSS codes

.text {color:#3a6216;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0b1204
```
#0b1204 rgb(11,18,4)
```
#142208
```
#142208 rgb(20,34,8)
```
#1e320b
```
#1e320b rgb(30,50,11)
```
#27420f
```
#27420f rgb(39,66,15)
```
#315212
```
#315212 rgb(49,82,18)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#43721a
```
#43721a rgb(67,114,26)
```
#4d821d
```
#4d821d rgb(77,130,29)
```
#569221
```
#569221 rgb(86,146,33)
```
#60a224
```
#60a224 rgb(96,162,36)
```
#69b228
```
#69b228 rgb(105,178,40)
```
#73c22c
```
#73c22c rgb(115,194,44)
```

Shade Color Variation

#7cd131
```
#7cd131 rgb(124,209,49)
```
#87d441
```
#87d441 rgb(135,212,65)
```
#91d851
```
#91d851 rgb(145,216,81)
```
#9bdb61
```
#9bdb61 rgb(155,219,97)
```
#a5df71
```
#a5df71 rgb(165,223,113)
```
#afe381
```
#afe381 rgb(175,227,129)
```
#b9e691
```
#b9e691 rgb(185,230,145)
```
#c3eaa1
```
#c3eaa1 rgb(195,234,161)
```
#ceedb1
```
#ceedb1 rgb(206,237,177)
```
#d8f1c1
```
#d8f1c1 rgb(216,241,193)
```
#e2f5d1
```
#e2f5d1 rgb(226,245,209)
```
#ecf8e1
```
#ecf8e1 rgb(236,248,225)
```
#f6fcf1
```
#f6fcf1 rgb(246,252,241)
```

Tint Color Variation

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

#3c3d3b
```
#3c3d3b rgb(60,61,59)
```
#3c4236
```
#3c4236 rgb(60,66,54)
```
#3b4632
```
#3b4632 rgb(59,70,50)
```
#3b4b2d
```
#3b4b2d rgb(59,75,45)
```
#3b5028
```
#3b5028 rgb(59,80,40)
```
#3b5424
```
#3b5424 rgb(59,84,36)
```
#3a591f
```
#3a591f rgb(58,89,31)
```
#3a5d1b
```
#3a5d1b rgb(58,93,27)
```
#3a6216
```
#3a6216 rgb(58,98,22)
```
#3a6711
```
#3a6711 rgb(58,103,17)
```
#3a6b0d
```
#3a6b0d rgb(58,107,13)
```
#397008
```
#397008 rgb(57,112,8)
```
#397404
```
#397404 rgb(57,116,4)
```

Tone Color Variation

Below, you can see how #3a6216 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
#495142 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b601f Protanopia 1% of men
#765c28 Deuteranopia 1% of men
#50636a Tritanopia 0.001% of the population

Trichromacy

#59611c Protanomaly 1% of men, 0.01% of women
#605e21 Deuteranomaly 6% of men, 0.4% of women
#48624b Tritanomaly 0.01% of the population

#3a6216 hex color

#3a6216 Color Information

#3a6216 Color Conversion

Color Schemes with #3a6216

Alternatives to #3a6216

#3a6216 Preview

Shades and Tints of #3a6216

Tones of #3a6216

Color Blindness Simulator