colorhexa.com

#3a6316 hex color

In a RGB color space, hex #3a6316 is composed of 22.7% red, 38.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 0% magenta, 77.8% yellow and 61.2% black. It has a hue angle of 91.9 degrees, a saturation of 63.6% and a lightness of 23.7%. #3a6316 color hex could be obtained by blending #74c62c with #000000. Closest websafe color is: #336600.

- R 23
- G 39
- B 9
RGB color chart
- C 41
- M 0
- Y 78
- K 61
CMYK color chart

● #3a6316 color description : Very dark green.

The hexadecimal color #3a6316 has RGB values of R:58, G:99, B:22 and CMYK values of C:0.41, M:0, Y:0.78, K:0.61. Its decimal value is 3826454.

Hex triplet	3a6316	`#3a6316`
RGB Decimal	58, 99, 22	`rgb(58,99,22)`
RGB Percent	22.7, 38.8, 8.6	`rgb(22.7%,38.8%,8.6%)`
CMYK	41, 0, 78, 61
HSL	91.9°, 63.6, 23.7	`hsl(91.9,63.6%,23.7%)`
HSV (or HSB)	91.9°, 77.8, 38.8
Web Safe	336600	`#336600`

CIE-LAB	37.628, -28.255, 36.923
XYZ	6.351, 9.881, 2.332
xyY	0.342, 0.532, 9.881
CIE-LCH	37.628, 46.494, 127.424
CIE-LUV	37.628, -19.854, 40.16
Hunter-Lab	31.434, -18.942, 17.606
Binary	00111010, 01100011, 00010110

#3a6316
```
#3a6316 rgb(58,99,22)
```
#3f1663
```
#3f1663 rgb(63,22,99)
```

Complementary Color

#616316
```
#616316 rgb(97,99,22)
```
#3a6316
```
#3a6316 rgb(58,99,22)
```
#166318
```
#166318 rgb(22,99,24)
```

Analogous Color

#631661
```
#631661 rgb(99,22,97)
```
#3a6316
```
#3a6316 rgb(58,99,22)
```
#181663
```
#181663 rgb(24,22,99)
```

Split Complementary Color

#152408
```
#152408 rgb(21,36,8)
```
#22390d
```
#22390d rgb(34,57,13)
```
#2e4e11
```
#2e4e11 rgb(46,78,17)
```
#3a6316
```
#3a6316 rgb(58,99,22)
```
#46781b
```
#46781b rgb(70,120,27)
```
#528d1f
```
#528d1f rgb(82,141,31)
```
#5fa224
```
#5fa224 rgb(95,162,36)
```

Monochromatic Color

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

#4d6316
```
#4d6316 rgb(77,99,22)
```
#476316
```
#476316 rgb(71,99,22)
```
#406316
```
#406316 rgb(64,99,22)
```
#3a6316
```
#3a6316 rgb(58,99,22)
```
#346316
```
#346316 rgb(52,99,22)
```
#2d6316
```
#2d6316 rgb(45,99,22)
```
#276316
```
#276316 rgb(39,99,22)
```

Similar Colors

Text with hexadecimal color #3a6316

This text has a font color of #3a6316.

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

#3a6316 background color

This paragraph has a background color of #3a6316.

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

#3a6316 border color

This element has a border color of #3a6316.

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

CSS codes

.text {color:#3a6316;}

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

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

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 #f7fcf2 is the lightest one.

#020301
```
#020301 rgb(2,3,1)
```
#0b1304
```
#0b1304 rgb(11,19,4)
```
#142308
```
#142308 rgb(20,35,8)
```
#1e330b
```
#1e330b rgb(30,51,11)
```
#27430f
```
#27430f rgb(39,67,15)
```
#315312
```
#315312 rgb(49,83,18)
```
#3a6316
```
#3a6316 rgb(58,99,22)
```
#43731a
```
#43731a rgb(67,115,26)
```
#4d831d
```
#4d831d rgb(77,131,29)
```
#569321
```
#569321 rgb(86,147,33)
```
#60a324
```
#60a324 rgb(96,163,36)
```
#69b328
```
#69b328 rgb(105,179,40)
```
#72c32b
```
#72c32b rgb(114,195,43)
```

Shade Color Variation

#7cd131
```
#7cd131 rgb(124,209,49)
```
#86d541
```
#86d541 rgb(134,213,65)
```
#90d851
```
#90d851 rgb(144,216,81)
```
#9bdc61
```
#9bdc61 rgb(155,220,97)
```
#a5e071
```
#a5e071 rgb(165,224,113)
```
#afe381
```
#afe381 rgb(175,227,129)
```
#b9e791
```
#b9e791 rgb(185,231,145)
```
#c3eaa1
```
#c3eaa1 rgb(195,234,161)
```
#ceeeb1
```
#ceeeb1 rgb(206,238,177)
```
#d8f1c2
```
#d8f1c2 rgb(216,241,194)
```
#e2f5d2
```
#e2f5d2 rgb(226,245,210)
```
#ecf8e2
```
#ecf8e2 rgb(236,248,226)
```
#f7fcf2
```
#f7fcf2 rgb(247,252,242)
```

Tint Color Variation

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

#3c3e3b
```
#3c3e3b rgb(60,62,59)
```
#3c4237
```
#3c4237 rgb(60,66,55)
```
#3c4732
```
#3c4732 rgb(60,71,50)
```
#3c4c2d
```
#3c4c2d rgb(60,76,45)
```
#3b5029
```
#3b5029 rgb(59,80,41)
```
#3b5524
```
#3b5524 rgb(59,85,36)
```
#3b5a1f
```
#3b5a1f rgb(59,90,31)
```
#3a5e1b
```
#3a5e1b rgb(58,94,27)
```
#3a6316
```
#3a6316 rgb(58,99,22)
```
#3a6811
```
#3a6811 rgb(58,104,17)
```
#396c0d
```
#396c0d rgb(57,108,13)
```
#397108
```
#397108 rgb(57,113,8)
```
#397603
```
#397603 rgb(57,118,3)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4a5243 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c611f Protanopia 1% of men
#775c28 Deuteranopia 1% of men
#50646b Tritanopia 0.001% of the population

Trichromacy

#5a611c Protanomaly 1% of men, 0.01% of women
#615f22 Deuteranomaly 6% of men, 0.4% of women
#48634c Tritanomaly 0.01% of the population