#336414 hex color

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

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

● #336414 color description : Very dark green.

The hexadecimal color #336414 has RGB values of R:51, G:100, B:20 and CMYK values of C:0.49, M:0, Y:0.8, K:0.61. Its decimal value is 3367956.

Hex triplet	336414	`#336414`
RGB Decimal	51, 100, 20	`rgb(51,100,20)`
RGB Percent	20, 39.2, 7.8	`rgb(20%,39.2%,7.8%)`
CMYK	49, 0, 80, 61
HSL	96.7°, 66.7, 23.5	`hsl(96.7,66.7%,23.5%)`
HSV (or HSB)	96.7°, 80, 39.2
Web Safe	336600	`#336600`

CIE-LAB	37.605, -31.435, 37.557
XYZ	6.048, 9.868, 2.248
xyY	0.333, 0.543, 9.868
CIE-LCH	37.605, 48.977, 129.929
CIE-LUV	37.605, -23.17, 41.034
Hunter-Lab	31.414, -20.606, 17.747
Binary	00110011, 01100100, 00010100

#336414
```
#336414 rgb(51,100,20)
```
#451464
```
#451464 rgb(69,20,100)
```

Complementary Color

#5b6414
```
#5b6414 rgb(91,100,20)
```
#336414
```
#336414 rgb(51,100,20)
```
#14641d
```
#14641d rgb(20,100,29)
```

Analogous Color

#64145b
```
#64145b rgb(100,20,91)
```
#336414
```
#336414 rgb(51,100,20)
```
#1d1464
```
#1d1464 rgb(29,20,100)
```

Split Complementary Color

#641433
```
#641433 rgb(100,20,51)
```
#336414
```
#336414 rgb(51,100,20)
```
#143364
```
#143364 rgb(20,51,100)
```

Triadic Color

#644514
```
#644514 rgb(100,69,20)
```
#336414
```
#336414 rgb(51,100,20)
```
#143364
```
#143364 rgb(20,51,100)
```
#451464
```
#451464 rgb(69,20,100)
```

Tetradic Color

#122407
```
#122407 rgb(18,36,7)
```
#1d3a0c
```
#1d3a0c rgb(29,58,12)
```
#284f10
```
#284f10 rgb(40,79,16)
```
#336414
```
#336414 rgb(51,100,20)
```
#3e7918
```
#3e7918 rgb(62,121,24)
```
#498f1d
```
#498f1d rgb(73,143,29)
```
#54a421
```
#54a421 rgb(84,164,33)
```

Monochromatic Color

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

#476414
```
#476414 rgb(71,100,20)
```
#406414
```
#406414 rgb(64,100,20)
```
#3a6414
```
#3a6414 rgb(58,100,20)
```
#336414
```
#336414 rgb(51,100,20)
```
#2c6414
```
#2c6414 rgb(44,100,20)
```
#266414
```
#266414 rgb(38,100,20)
```
#1f6414
```
#1f6414 rgb(31,100,20)
```

Similar Colors

Text with hexadecimal color #336414

This text has a font color of #336414.

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

#336414 background color

This paragraph has a background color of #336414.

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

#336414 border color

This element has a border color of #336414.

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

CSS codes

.text {color:#336414;}

.background {background-color:#336414;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#091204
```
#091204 rgb(9,18,4)
```
#122307
```
#122307 rgb(18,35,7)
```
#1a330a
```
#1a330a rgb(26,51,10)
```
#22430d
```
#22430d rgb(34,67,13)
```
#2b5411
```
#2b5411 rgb(43,84,17)
```
#336414
```
#336414 rgb(51,100,20)
```
#3b7417
```
#3b7417 rgb(59,116,23)
```
#44851b
```
#44851b rgb(68,133,27)
```
#4c951e
```
#4c951e rgb(76,149,30)
```
#54a521
```
#54a521 rgb(84,165,33)
```
#5db624
```
#5db624 rgb(93,182,36)
```
#65c628
```
#65c628 rgb(101,198,40)
```

Shade Color Variation

#6ed52c
```
#6ed52c rgb(110,213,44)
```
#79d83d
```
#79d83d rgb(121,216,61)
```
#84db4d
```
#84db4d rgb(132,219,77)
```
#90df5d
```
#90df5d rgb(144,223,93)
```
#9be26e
```
#9be26e rgb(155,226,110)
```
#a6e57e
```
#a6e57e rgb(166,229,126)
```
#b1e98f
```
#b1e98f rgb(177,233,143)
```
#bdec9f
```
#bdec9f rgb(189,236,159)
```
#c8efaf
```
#c8efaf rgb(200,239,175)
```
#d3f2c0
```
#d3f2c0 rgb(211,242,192)
```
#def6d0
```
#def6d0 rgb(222,246,208)
```
#eaf9e0
```
#eaf9e0 rgb(234,249,224)
```
#f5fcf1
```
#f5fcf1 rgb(245,252,241)
```

Tint Color Variation

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

#3b3f39
```
#3b3f39 rgb(59,63,57)
```
#3a4434
```
#3a4434 rgb(58,68,52)
```
#394830
```
#394830 rgb(57,72,48)
```
#384d2b
```
#384d2b rgb(56,77,43)
```
#375226
```
#375226 rgb(55,82,38)
```
#365622
```
#365622 rgb(54,86,34)
```
#355b1d
```
#355b1d rgb(53,91,29)
```
#345f19
```
#345f19 rgb(52,95,25)
```
#336414
```
#336414 rgb(51,100,20)
```
#32690f
```
#32690f rgb(50,105,15)
```
#316d0b
```
#316d0b rgb(49,109,11)
```
#307206
```
#307206 rgb(48,114,6)
```
#2f7602
```
#2f7602 rgb(47,118,2)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#475141 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c611d Protanopia 1% of men
#775c27 Deuteranopia 1% of men
#4b656c Tritanopia 0.001% of the population

Trichromacy

#576219 Protanomaly 1% of men, 0.01% of women
#5e5f20 Deuteranomaly 6% of men, 0.4% of women
#42644c Tritanomaly 0.01% of the population

#336414 hex color

#336414 Color Information

#336414 Color Conversion

Color Schemes with #336414

Alternatives to #336414

#336414 Preview

Shades and Tints of #336414

Tones of #336414

Color Blindness Simulator