#336420 hex color

In a RGB color space, hex #336420 is composed of 20% red, 39.2% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 0% magenta, 68% yellow and 60.8% black. It has a hue angle of 103.2 degrees, a saturation of 51.5% and a lightness of 25.9%. #336420 color hex could be obtained by blending #66c840 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 20
- G 39
- B 13
RGB color chart
- C 49
- M 0
- Y 68
- K 61
CMYK color chart

● #336420 color description : Very dark green.

The hexadecimal color #336420 has RGB values of R:51, G:100, B:32 and CMYK values of C:0.49, M:0, Y:0.68, K:0.61. Its decimal value is 3367968.

Hex triplet	336420	`#336420`
RGB Decimal	51, 100, 32	`rgb(51,100,32)`
RGB Percent	20, 39.2, 12.5	`rgb(20%,39.2%,12.5%)`
CMYK	49, 0, 68, 61
HSL	103.2°, 51.5, 25.9	`hsl(103.2,51.5%,25.9%)`
HSV (or HSB)	103.2°, 68, 39.2
Web Safe	336633	`#336633`

CIE-LAB	37.702, -30.386, 32.482
XYZ	6.183, 9.922, 2.956
xyY	0.324, 0.521, 9.922
CIE-LCH	37.702, 44.479, 133.091
CIE-LUV	37.702, -23.001, 37.525
Hunter-Lab	31.499, -20.087, 16.486
Binary	00110011, 01100100, 00100000

#336420
```
#336420 rgb(51,100,32)
```
#512064
```
#512064 rgb(81,32,100)
```

Complementary Color

#556420
```
#556420 rgb(85,100,32)
```
#336420
```
#336420 rgb(51,100,32)
```
#20642f
```
#20642f rgb(32,100,47)
```

Analogous Color

#642055
```
#642055 rgb(100,32,85)
```
#336420
```
#336420 rgb(51,100,32)
```
#2f2064
```
#2f2064 rgb(47,32,100)
```

Split Complementary Color

#642033
```
#642033 rgb(100,32,51)
```
#336420
```
#336420 rgb(51,100,32)
```
#203364
```
#203364 rgb(32,51,100)
```

Triadic Color

#645120
```
#645120 rgb(100,81,32)
```
#336420
```
#336420 rgb(51,100,32)
```
#203364
```
#203364 rgb(32,51,100)
```
#512064
```
#512064 rgb(81,32,100)
```

Tetradic Color

#152a0d
```
#152a0d rgb(21,42,13)
```
#1f3d14
```
#1f3d14 rgb(31,61,20)
```
#29511a
```
#29511a rgb(41,81,26)
```
#336420
```
#336420 rgb(51,100,32)
```
#3d7726
```
#3d7726 rgb(61,119,38)
```
#478b2c
```
#478b2c rgb(71,139,44)
```
#519e33
```
#519e33 rgb(81,158,51)
```

Monochromatic Color

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

#446420
```
#446420 rgb(68,100,32)
```
#3e6420
```
#3e6420 rgb(62,100,32)
```
#396420
```
#396420 rgb(57,100,32)
```
#336420
```
#336420 rgb(51,100,32)
```
#2d6420
```
#2d6420 rgb(45,100,32)
```
#286420
```
#286420 rgb(40,100,32)
```
#226420
```
#226420 rgb(34,100,32)
```

Similar Colors

Text with hexadecimal color #336420

This text has a font color of #336420.

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

#336420 background color

This paragraph has a background color of #336420.

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

#336420 border color

This element has a border color of #336420.

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

CSS codes

.text {color:#336420;}

.background {background-color:#336420;}

.border {border:1px solid #336420;}

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, #060b03 is the darkest color, while #fcfefb is the lightest one.

#060b03
```
#060b03 rgb(6,11,3)
```
#0d1a08
```
#0d1a08 rgb(13,26,8)
```
#15290d
```
#15290d rgb(21,41,13)
```
#1c3712
```
#1c3712 rgb(28,55,18)
```
#244616
```
#244616 rgb(36,70,22)
```
#2b551b
```
#2b551b rgb(43,85,27)
```
#336420
```
#336420 rgb(51,100,32)
```
#3b7325
```
#3b7325 rgb(59,115,37)
```
#42822a
```
#42822a rgb(66,130,42)
```
#4a912e
```
#4a912e rgb(74,145,46)
```
#519f33
```
#519f33 rgb(81,159,51)
```
#59ae38
```
#59ae38 rgb(89,174,56)
```
#60bd3d
```
#60bd3d rgb(96,189,61)
```

Shade Color Variation

#6bc549
```
#6bc549 rgb(107,197,73)
```
#77c958
```
#77c958 rgb(119,201,88)
```
#83ce66
```
#83ce66 rgb(131,206,102)
```
#8fd375
```
#8fd375 rgb(143,211,117)
```
#9bd884
```
#9bd884 rgb(155,216,132)
```
#a7dc93
```
#a7dc93 rgb(167,220,147)
```
#b4e1a2
```
#b4e1a2 rgb(180,225,162)
```
#c0e6b1
```
#c0e6b1 rgb(192,230,177)
```
#ccebc0
```
#ccebc0 rgb(204,235,192)
```
#d8efce
```
#d8efce rgb(216,239,206)
```
#e4f4dd
```
#e4f4dd rgb(228,244,221)
```
#f0f9ec
```
#f0f9ec rgb(240,249,236)
```
#fcfefb
```
#fcfefb rgb(252,254,251)
```

Tint Color Variation

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

#40463e
```
#40463e rgb(64,70,62)
```
#3e4b39
```
#3e4b39 rgb(62,75,57)
```
#3c5034
```
#3c5034 rgb(60,80,52)
```
#3a552f
```
#3a552f rgb(58,85,47)
```
#375a2a
```
#375a2a rgb(55,90,42)
```
#355f25
```
#355f25 rgb(53,95,37)
```
#336420
```
#336420 rgb(51,100,32)
```
#31691b
```
#31691b rgb(49,105,27)
```
#2f6e16
```
#2f6e16 rgb(47,110,22)
```
#2c7311
```
#2c7311 rgb(44,115,17)
```
#2a780c
```
#2a780c rgb(42,120,12)
```
#287d07
```
#287d07 rgb(40,125,7)
```
#268202
```
#268202 rgb(38,130,2)
```

Tone Color Variation

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

Dichromacy

#6c6128 Protanopia 1% of men
#775d31 Deuteranopia 1% of men
#4b656c Tritanopia 0.001% of the population

Trichromacy

#576225 Protanomaly 1% of men, 0.01% of women
#5e5f2b Deuteranomaly 6% of men, 0.4% of women
#426450 Tritanomaly 0.01% of the population

#336420 hex color

#336420 Color Information

#336420 Color Conversion

Color Schemes with #336420

Alternatives to #336420

#336420 Preview

Shades and Tints of #336420

Tones of #336420

Color Blindness Simulator