#3a6414 hex color

In a RGB color space, hex #3a6414 is composed of 22.7% red, 39.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 0% magenta, 80% yellow and 60.8% black. It has a hue angle of 91.5 degrees, a saturation of 66.7% and a lightness of 23.5%. #3a6414 color hex could be obtained by blending #74c828 with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 23
- G 39
- B 8
RGB color chart
- C 42
- M 0
- Y 80
- K 61
CMYK color chart

● #3a6414 color description : Very dark green.

The hexadecimal color #3a6414 has RGB values of R:58, G:100, B:20 and CMYK values of C:0.42, M:0, Y:0.8, K:0.61. Its decimal value is 3826708.

Hex triplet	3a6414	`#3a6414`
RGB Decimal	58, 100, 20	`rgb(58,100,20)`
RGB Percent	22.7, 39.2, 7.8	`rgb(22.7%,39.2%,7.8%)`
CMYK	42, 0, 80, 61
HSL	91.5°, 66.7, 23.5	`hsl(91.5,66.7%,23.5%)`
HSV (or HSB)	91.5°, 80, 39.2
Web Safe	336600	`#336600`

CIE-LAB	37.957, -28.861, 38.02
XYZ	6.428, 10.064, 2.266
xyY	0.343, 0.537, 10.064
CIE-LCH	37.957, 47.733, 127.202
CIE-LUV	37.957, -20.346, 41.121
Hunter-Lab	31.724, -19.348, 17.972
Binary	00111010, 01100100, 00010100

#3a6414
```
#3a6414 rgb(58,100,20)
```
#3e1464
```
#3e1464 rgb(62,20,100)
```

Complementary Color

#626414
```
#626414 rgb(98,100,20)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#146416
```
#146416 rgb(20,100,22)
```

Analogous Color

#641462
```
#641462 rgb(100,20,98)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#161464
```
#161464 rgb(22,20,100)
```

Split Complementary Color

#64143a
```
#64143a rgb(100,20,58)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#143a64
```
#143a64 rgb(20,58,100)
```

Triadic Color

#643e14
```
#643e14 rgb(100,62,20)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#143a64
```
#143a64 rgb(20,58,100)
```
#3e1464
```
#3e1464 rgb(62,20,100)
```

Tetradic Color

#152407
```
#152407 rgb(21,36,7)
```
#213a0c
```
#213a0c rgb(33,58,12)
```
#2e4f10
```
#2e4f10 rgb(46,79,16)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#467918
```
#467918 rgb(70,121,24)
```
#538f1d
```
#538f1d rgb(83,143,29)
```
#5fa421
```
#5fa421 rgb(95,164,33)
```

Monochromatic Color

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

#4e6414
```
#4e6414 rgb(78,100,20)
```
#476414
```
#476414 rgb(71,100,20)
```
#416414
```
#416414 rgb(65,100,20)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#336414
```
#336414 rgb(51,100,20)
```
#2d6414
```
#2d6414 rgb(45,100,20)
```
#266414
```
#266414 rgb(38,100,20)
```

Similar Colors

Text with hexadecimal color #3a6414

This text has a font color of #3a6414.

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

#3a6414 background color

This paragraph has a background color of #3a6414.

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

#3a6414 border color

This element has a border color of #3a6414.

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

CSS codes

.text {color:#3a6414;}

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

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

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)
```
#142307
```
#142307 rgb(20,35,7)
```
#1e330a
```
#1e330a rgb(30,51,10)
```
#27430d
```
#27430d rgb(39,67,13)
```
#315411
```
#315411 rgb(49,84,17)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#437417
```
#437417 rgb(67,116,23)
```
#4d851b
```
#4d851b rgb(77,133,27)
```
#56951e
```
#56951e rgb(86,149,30)
```
#60a521
```
#60a521 rgb(96,165,33)
```
#69b624
```
#69b624 rgb(105,182,36)
```
#73c628
```
#73c628 rgb(115,198,40)
```

Shade Color Variation

#7cd52c
```
#7cd52c rgb(124,213,44)
```
#87d83d
```
#87d83d rgb(135,216,61)
```
#91db4d
```
#91db4d rgb(145,219,77)
```
#9bdf5d
```
#9bdf5d rgb(155,223,93)
```
#a5e26e
```
#a5e26e rgb(165,226,110)
```
#afe57e
```
#afe57e rgb(175,229,126)
```
#b9e98f
```
#b9e98f rgb(185,233,143)
```
#c3ec9f
```
#c3ec9f rgb(195,236,159)
```
#ceefaf
```
#ceefaf rgb(206,239,175)
```
#d8f2c0
```
#d8f2c0 rgb(216,242,192)
```
#e2f6d0
```
#e2f6d0 rgb(226,246,208)
```
#ecf9e0
```
#ecf9e0 rgb(236,249,224)
```
#f6fcf1
```
#f6fcf1 rgb(246,252,241)
```

Tint Color Variation

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

#3c3f39
```
#3c3f39 rgb(60,63,57)
```
#3c4434
```
#3c4434 rgb(60,68,52)
```
#3b4830
```
#3b4830 rgb(59,72,48)
```
#3b4d2b
```
#3b4d2b rgb(59,77,43)
```
#3b5226
```
#3b5226 rgb(59,82,38)
```
#3b5622
```
#3b5622 rgb(59,86,34)
```
#3a5b1d
```
#3a5b1d rgb(58,91,29)
```
#3a5f19
```
#3a5f19 rgb(58,95,25)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#3a690f
```
#3a690f rgb(58,105,15)
```
#3a6d0b
```
#3a6d0b rgb(58,109,11)
```
#397206
```
#397206 rgb(57,114,6)
```
#397602
```
#397602 rgb(57,118,2)
```

Tone Color Variation

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

Dichromacy

#6d621d Protanopia 1% of men
#795d27 Deuteranopia 1% of men
#50656c Tritanopia 0.001% of the population

Trichromacy

#5a621a Protanomaly 1% of men, 0.01% of women
#625f20 Deuteranomaly 6% of men, 0.4% of women
#48644c Tritanomaly 0.01% of the population

#3a6414 hex color

#3a6414 Color Information

#3a6414 Color Conversion

Color Schemes with #3a6414

Alternatives to #3a6414

#3a6414 Preview

Shades and Tints of #3a6414

Tones of #3a6414

Color Blindness Simulator