#336314 hex color

In a RGB color space, hex #336314 is composed of 20% red, 38.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 0% magenta, 79.8% yellow and 61.2% black. It has a hue angle of 96.5 degrees, a saturation of 66.4% and a lightness of 23.3%. #336314 color hex could be obtained by blending #66c628 with #000000. Closest websafe color is: #336600.

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

● #336314 color description : Very dark green.

The hexadecimal color #336314 has RGB values of R:51, G:99, B:20 and CMYK values of C:0.48, M:0, Y:0.8, K:0.61. Its decimal value is 3367700.

Hex triplet	336314	`#336314`
RGB Decimal	51, 99, 20	`rgb(51,99,20)`
RGB Percent	20, 38.8, 7.8	`rgb(20%,38.8%,7.8%)`
CMYK	48, 0, 80, 61
HSL	96.5°, 66.4, 23.3	`hsl(96.5,66.4%,23.3%)`
HSV (or HSB)	96.5°, 79.8, 38.8
Web Safe	336600	`#336600`

CIE-LAB	37.258, -30.992, 37.218
XYZ	5.953, 9.678, 2.216
xyY	0.334, 0.542, 9.678
CIE-LCH	37.258, 48.432, 129.785
CIE-LUV	37.258, -22.718, 40.559
Hunter-Lab	31.109, -20.282, 17.553
Binary	00110011, 01100011, 00010100

#336314
```
#336314 rgb(51,99,20)
```
#441463
```
#441463 rgb(68,20,99)
```

Complementary Color

#5b6314
```
#5b6314 rgb(91,99,20)
```
#336314
```
#336314 rgb(51,99,20)
```
#14631d
```
#14631d rgb(20,99,29)
```

Analogous Color

#63145b
```
#63145b rgb(99,20,91)
```
#336314
```
#336314 rgb(51,99,20)
```
#1d1463
```
#1d1463 rgb(29,20,99)
```

Split Complementary Color

#631433
```
#631433 rgb(99,20,51)
```
#336314
```
#336314 rgb(51,99,20)
```
#143363
```
#143363 rgb(20,51,99)
```

Triadic Color

#634414
```
#634414 rgb(99,68,20)
```
#336314
```
#336314 rgb(51,99,20)
```
#143363
```
#143363 rgb(20,51,99)
```
#441463
```
#441463 rgb(68,20,99)
```

Tetradic Color

#122307
```
#122307 rgb(18,35,7)
```
#1d390b
```
#1d390b rgb(29,57,11)
```
#284e10
```
#284e10 rgb(40,78,16)
```
#336314
```
#336314 rgb(51,99,20)
```
#3e7818
```
#3e7818 rgb(62,120,24)
```
#498d1d
```
#498d1d rgb(73,141,29)
```
#54a321
```
#54a321 rgb(84,163,33)
```

Monochromatic Color

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

#476314
```
#476314 rgb(71,99,20)
```
#406314
```
#406314 rgb(64,99,20)
```
#3a6314
```
#3a6314 rgb(58,99,20)
```
#336314
```
#336314 rgb(51,99,20)
```
#2c6314
```
#2c6314 rgb(44,99,20)
```
#266314
```
#266314 rgb(38,99,20)
```
#1f6314
```
#1f6314 rgb(31,99,20)
```

Similar Colors

Text with hexadecimal color #336314

This text has a font color of #336314.

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

#336314 background color

This paragraph has a background color of #336314.

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

#336314 border color

This element has a border color of #336314.

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

CSS codes

.text {color:#336314;}

.background {background-color:#336314;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#091104
```
#091104 rgb(9,17,4)
```
#112207
```
#112207 rgb(17,34,7)
```
#1a320a
```
#1a320a rgb(26,50,10)
```
#22420d
```
#22420d rgb(34,66,13)
```
#2b5311
```
#2b5311 rgb(43,83,17)
```
#336314
```
#336314 rgb(51,99,20)
```
#3b7317
```
#3b7317 rgb(59,115,23)
```
#44841b
```
#44841b rgb(68,132,27)
```
#4c941e
```
#4c941e rgb(76,148,30)
```
#55a421
```
#55a421 rgb(85,164,33)
```
#5db524
```
#5db524 rgb(93,181,36)
```
#65c528
```
#65c528 rgb(101,197,40)
```

Shade Color Variation

#6ed42c
```
#6ed42c rgb(110,212,44)
```
#79d83c
```
#79d83c rgb(121,216,60)
```
#84db4d
```
#84db4d rgb(132,219,77)
```
#90de5d
```
#90de5d rgb(144,222,93)
```
#9be26d
```
#9be26d rgb(155,226,109)
```
#a6e57e
```
#a6e57e rgb(166,229,126)
```
#b1e88e
```
#b1e88e rgb(177,232,142)
```
#bceb9e
```
#bceb9e rgb(188,235,158)
```
#c8efae
```
#c8efae rgb(200,239,174)
```
#d3f2bf
```
#d3f2bf rgb(211,242,191)
```
#def5cf
```
#def5cf rgb(222,245,207)
```
#e9f9df
```
#e9f9df rgb(233,249,223)
```
#f5fcf0
```
#f5fcf0 rgb(245,252,240)
```

Tint Color Variation

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

#3b3e39
```
#3b3e39 rgb(59,62,57)
```
#3a4334
```
#3a4334 rgb(58,67,52)
```
#39482f
```
#39482f rgb(57,72,47)
```
#384c2b
```
#384c2b rgb(56,76,43)
```
#375126
```
#375126 rgb(55,81,38)
```
#365522
```
#365522 rgb(54,85,34)
```
#355a1d
```
#355a1d rgb(53,90,29)
```
#345e19
```
#345e19 rgb(52,94,25)
```
#336314
```
#336314 rgb(51,99,20)
```
#32680f
```
#32680f rgb(50,104,15)
```
#316c0b
```
#316c0b rgb(49,108,11)
```
#307106
```
#307106 rgb(48,113,6)
```
#2f7502
```
#2f7502 rgb(47,117,2)
```

Tone Color Variation

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

#6b601d Protanopia 1% of men
#765b27 Deuteranopia 1% of men
#4b646b Tritanopia 0.001% of the population

Trichromacy

#57611a Protanomaly 1% of men, 0.01% of women
#5e5e20 Deuteranomaly 6% of men, 0.4% of women
#42634b Tritanomaly 0.01% of the population

#336314 hex color

#336314 Color Information

#336314 Color Conversion

Color Schemes with #336314

Alternatives to #336314

#336314 Preview

Shades and Tints of #336314

Tones of #336314

Color Blindness Simulator