#306c12 hex color

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

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

● #306c12 color description : Very dark green.

The hexadecimal color #306c12 has RGB values of R:48, G:108, B:18 and CMYK values of C:0.56, M:0, Y:0.83, K:0.58. Its decimal value is 3173394.

Hex triplet	306c12	`#306c12`
RGB Decimal	48, 108, 18	`rgb(48,108,18)`
RGB Percent	18.8, 42.4, 7.1	`rgb(18.8%,42.4%,7.1%)`
CMYK	56, 0, 83, 58
HSL	100°, 71.4, 24.7	`hsl(100,71.4%,24.7%)`
HSV (or HSB)	100°, 83.3, 42.4
Web Safe	336600	`#336600`

CIE-LAB	40.241, -35.97, 40.739
XYZ	6.69, 11.397, 2.419
xyY	0.326, 0.556, 11.397
CIE-LCH	40.241, 54.347, 131.443
CIE-LUV	40.241, -27.78, 45.198
Hunter-Lab	33.759, -23.703, 19.382
Binary	00110000, 01101100, 00010010

#306c12
```
#306c12 rgb(48,108,18)
```
#4e126c
```
#4e126c rgb(78,18,108)
```

Complementary Color

#5d6c12
```
#5d6c12 rgb(93,108,18)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#126c21
```
#126c21 rgb(18,108,33)
```

Analogous Color

#6c125d
```
#6c125d rgb(108,18,93)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#21126c
```
#21126c rgb(33,18,108)
```

Split Complementary Color

#6c1230
```
#6c1230 rgb(108,18,48)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#12306c
```
#12306c rgb(18,48,108)
```

Triadic Color

#6c4e12
```
#6c4e12 rgb(108,78,18)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#12306c
```
#12306c rgb(18,48,108)
```
#4e126c
```
#4e126c rgb(78,18,108)
```

Tetradic Color

#132a07
```
#132a07 rgb(19,42,7)
```
#1d400b
```
#1d400b rgb(29,64,11)
```
#26560e
```
#26560e rgb(38,86,14)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#3a8216
```
#3a8216 rgb(58,130,22)
```
#439819
```
#439819 rgb(67,152,25)
```
#4dae1d
```
#4dae1d rgb(77,174,29)
```

Monochromatic Color

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

#476c12
```
#476c12 rgb(71,108,18)
```
#3f6c12
```
#3f6c12 rgb(63,108,18)
```
#386c12
```
#386c12 rgb(56,108,18)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#296c12
```
#296c12 rgb(41,108,18)
```
#216c12
```
#216c12 rgb(33,108,18)
```
#1a6c12
```
#1a6c12 rgb(26,108,18)
```

Similar Colors

Text with hexadecimal color #306c12

This text has a font color of #306c12.

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

#306c12 background color

This paragraph has a background color of #306c12.

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

#306c12 border color

This element has a border color of #306c12.

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

CSS codes

.text {color:#306c12;}

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

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

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)
```
#122907
```
#122907 rgb(18,41,7)
```
#1a3a0a
```
#1a3a0a rgb(26,58,10)
```
#214a0c
```
#214a0c rgb(33,74,12)
```
#295b0f
```
#295b0f rgb(41,91,15)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#377d15
```
#377d15 rgb(55,125,21)
```
#3f8e18
```
#3f8e18 rgb(63,142,24)
```
#469e1a
```
#469e1a rgb(70,158,26)
```
#4eaf1d
```
#4eaf1d rgb(78,175,29)
```
#55c020
```
#55c020 rgb(85,192,32)
```
#5dd123
```
#5dd123 rgb(93,209,35)
```

Shade Color Variation

#66dc2c
```
#66dc2c rgb(102,220,44)
```
#72df3c
```
#72df3c rgb(114,223,60)
```
#7fe14d
```
#7fe14d rgb(127,225,77)
```
#8be45e
```
#8be45e rgb(139,228,94)
```
#97e76f
```
#97e76f rgb(151,231,111)
```
#a3ea80
```
#a3ea80 rgb(163,234,128)
```
#afed90
```
#afed90 rgb(175,237,144)
```
#bbefa1
```
#bbefa1 rgb(187,239,161)
```
#c7f2b2
```
#c7f2b2 rgb(199,242,178)
```
#d4f5c3
```
#d4f5c3 rgb(212,245,195)
```
#e0f8d4
```
#e0f8d4 rgb(224,248,212)
```
#ecfbe4
```
#ecfbe4 rgb(236,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 #2b7b03 is the most saturated one.

#3f403e
```
#3f403e rgb(63,64,62)
```
#3d4539
```
#3d4539 rgb(61,69,57)
```
#3b4a34
```
#3b4a34 rgb(59,74,52)
```
#3a4f2f
```
#3a4f2f rgb(58,79,47)
```
#38542a
```
#38542a rgb(56,84,42)
```
#365925
```
#365925 rgb(54,89,37)
```
#355d21
```
#355d21 rgb(53,93,33)
```
#33621c
```
#33621c rgb(51,98,28)
```
#326717
```
#326717 rgb(50,103,23)
```
#306c12
```
#306c12 rgb(48,108,18)
```
#2e710d
```
#2e710d rgb(46,113,13)
```
#2d7608
```
#2d7608 rgb(45,118,8)
```
#2b7b03
```
#2b7b03 rgb(43,123,3)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5644 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73671b Protanopia 1% of men
#7f6227 Deuteranopia 1% of men
#4c6c74 Tritanopia 0.001% of the population

Trichromacy

#5a6917 Protanomaly 1% of men, 0.01% of women
#62651f Deuteranomaly 6% of men, 0.4% of women
#416c50 Tritanomaly 0.01% of the population

#306c12 hex color

#306c12 Color Information

#306c12 Color Conversion

Color Schemes with #306c12

Alternatives to #306c12

#306c12 Preview

Shades and Tints of #306c12

Tones of #306c12

Color Blindness Simulator