#336c12 hex color

In a RGB color space, hex #336c12 is composed of 20% red, 42.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 0% magenta, 83.3% yellow and 57.6% black. It has a hue angle of 98 degrees, a saturation of 71.4% and a lightness of 24.7%. #336c12 color hex could be obtained by blending #66d824 with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 20
- G 42
- B 7
RGB color chart
- C 53
- M 0
- Y 83
- K 58
CMYK color chart

● #336c12 color description : Very dark green.

The hexadecimal color #336c12 has RGB values of R:51, G:108, B:18 and CMYK values of C:0.53, M:0, Y:0.83, K:0.58. Its decimal value is 3370002.

Hex triplet	336c12	`#336c12`
RGB Decimal	51, 108, 18	`rgb(51,108,18)`
RGB Percent	20, 42.4, 7.1	`rgb(20%,42.4%,7.1%)`
CMYK	53, 0, 83, 58
HSL	98°, 71.4, 24.7	`hsl(98,71.4%,24.7%)`
HSV (or HSB)	98°, 83.3, 42.4
Web Safe	336600	`#336600`

CIE-LAB	40.365, -35.01, 40.9
XYZ	6.837, 11.472, 2.426
xyY	0.33, 0.553, 11.472
CIE-LCH	40.365, 53.837, 130.563
CIE-LUV	40.365, -26.746, 45.221
Hunter-Lab	33.871, -23.244, 19.462
Binary	00110011, 01101100, 00010010

#336c12
```
#336c12 rgb(51,108,18)
```
#4b126c
```
#4b126c rgb(75,18,108)
```

Complementary Color

#606c12
```
#606c12 rgb(96,108,18)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#126c1e
```
#126c1e rgb(18,108,30)
```

Analogous Color

#6c1260
```
#6c1260 rgb(108,18,96)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#1e126c
```
#1e126c rgb(30,18,108)
```

Split Complementary Color

#6c1233
```
#6c1233 rgb(108,18,51)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#12336c
```
#12336c rgb(18,51,108)
```

Triadic Color

#6c4b12
```
#6c4b12 rgb(108,75,18)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#12336c
```
#12336c rgb(18,51,108)
```
#4b126c
```
#4b126c rgb(75,18,108)
```

Tetradic Color

#142a07
```
#142a07 rgb(20,42,7)
```
#1e400b
```
#1e400b rgb(30,64,11)
```
#29560e
```
#29560e rgb(41,86,14)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#3d8216
```
#3d8216 rgb(61,130,22)
```
#489819
```
#489819 rgb(72,152,25)
```
#52ae1d
```
#52ae1d rgb(82,174,29)
```

Monochromatic Color

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

#4a6c12
```
#4a6c12 rgb(74,108,18)
```
#426c12
```
#426c12 rgb(66,108,18)
```
#3b6c12
```
#3b6c12 rgb(59,108,18)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#2c6c12
```
#2c6c12 rgb(44,108,18)
```
#246c12
```
#246c12 rgb(36,108,18)
```
#1d6c12
```
#1d6c12 rgb(29,108,18)
```

Similar Colors

Text with hexadecimal color #336c12

This text has a font color of #336c12.

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

#336c12 background color

This paragraph has a background color of #336c12.

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

#336c12 border color

This element has a border color of #336c12.

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

CSS codes

.text {color:#336c12;}

.background {background-color:#336c12;}

.border {border:1px solid #336c12;}

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

#030701
```
#030701 rgb(3,7,1)
```
#0b1804
```
#0b1804 rgb(11,24,4)
```
#132907
```
#132907 rgb(19,41,7)
```
#1b3a0a
```
#1b3a0a rgb(27,58,10)
```
#234a0c
```
#234a0c rgb(35,74,12)
```
#2b5b0f
```
#2b5b0f rgb(43,91,15)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#3b7d15
```
#3b7d15 rgb(59,125,21)
```
#438e18
```
#438e18 rgb(67,142,24)
```
#4b9e1a
```
#4b9e1a rgb(75,158,26)
```
#53af1d
```
#53af1d rgb(83,175,29)
```
#5bc020
```
#5bc020 rgb(91,192,32)
```
#63d123
```
#63d123 rgb(99,209,35)
```

Shade Color Variation

#6cdc2c
```
#6cdc2c rgb(108,220,44)
```
#78df3c
```
#78df3c rgb(120,223,60)
```
#84e14d
```
#84e14d rgb(132,225,77)
```
#8fe45e
```
#8fe45e rgb(143,228,94)
```
#9be76f
```
#9be76f rgb(155,231,111)
```
#a7ea80
```
#a7ea80 rgb(167,234,128)
```
#b2ed90
```
#b2ed90 rgb(178,237,144)
```
#beefa1
```
#beefa1 rgb(190,239,161)
```
#caf2b2
```
#caf2b2 rgb(202,242,178)
```
#d5f5c3
```
#d5f5c3 rgb(213,245,195)
```
#e1f8d4
```
#e1f8d4 rgb(225,248,212)
```
#edfbe4
```
#edfbe4 rgb(237,251,228)
```
#f8fdf5
```
#f8fdf5 rgb(248,253,245)
```

Tint Color Variation

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

#3f403e
```
#3f403e rgb(63,64,62)
```
#3d4539
```
#3d4539 rgb(61,69,57)
```
#3c4a34
```
#3c4a34 rgb(60,74,52)
```
#3b4f2f
```
#3b4f2f rgb(59,79,47)
```
#39542a
```
#39542a rgb(57,84,42)
```
#385925
```
#385925 rgb(56,89,37)
```
#375d21
```
#375d21 rgb(55,93,33)
```
#36621c
```
#36621c rgb(54,98,28)
```
#346717
```
#346717 rgb(52,103,23)
```
#336c12
```
#336c12 rgb(51,108,18)
```
#32710d
```
#32710d rgb(50,113,13)
```
#307608
```
#307608 rgb(48,118,8)
```
#2f7b03
```
#2f7b03 rgb(47,123,3)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5644 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73671b Protanopia 1% of men
#806227 Deuteranopia 1% of men
#4e6c74 Tritanopia 0.001% of the population

Trichromacy

#5c6917 Protanomaly 1% of men, 0.01% of women
#64661f Deuteranomaly 6% of men, 0.4% of women
#446c50 Tritanomaly 0.01% of the population

#336c12 hex color

#336c12 Color Information

#336c12 Color Conversion

Color Schemes with #336c12

Alternatives to #336c12

#336c12 Preview

Shades and Tints of #336c12

Tones of #336c12

Color Blindness Simulator