#306c1f hex color

In a RGB color space, hex #306c1f is composed of 18.8% red, 42.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 71.3% yellow and 57.6% black. It has a hue angle of 106.8 degrees, a saturation of 55.4% and a lightness of 27.3%. #306c1f color hex could be obtained by blending #60d83e with #000000. Closest websafe color is: #336633.

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

● #306c1f color description : Very dark lime green.

The hexadecimal color #306c1f has RGB values of R:48, G:108, B:31 and CMYK values of C:0.56, M:0, Y:0.71, K:0.58. Its decimal value is 3173407.

Hex triplet	306c1f	`#306c1f`
RGB Decimal	48, 108, 31	`rgb(48,108,31)`
RGB Percent	18.8, 42.4, 12.2	`rgb(18.8%,42.4%,12.2%)`
CMYK	56, 0, 71, 58
HSL	106.8°, 55.4, 27.3	`hsl(106.8,55.4%,27.3%)`
HSV (or HSB)	106.8°, 71.3, 42.4
Web Safe	336633	`#336633`

CIE-LAB	40.331, -34.95, 35.747
XYZ	6.829, 11.452, 3.147
xyY	0.319, 0.534, 11.452
CIE-LCH	40.331, 49.994, 134.355
CIE-LUV	40.331, -27.573, 41.816
Hunter-Lab	33.841, -23.203, 18.175
Binary	00110000, 01101100, 00011111

#306c1f
```
#306c1f rgb(48,108,31)
```
#5b1f6c
```
#5b1f6c rgb(91,31,108)
```

Complementary Color

#576c1f
```
#576c1f rgb(87,108,31)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#1f6c35
```
#1f6c35 rgb(31,108,53)
```

Analogous Color

#6c1f57
```
#6c1f57 rgb(108,31,87)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#351f6c
```
#351f6c rgb(53,31,108)
```

Split Complementary Color

#6c1f30
```
#6c1f30 rgb(108,31,48)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#1f306c
```
#1f306c rgb(31,48,108)
```

Triadic Color

#6c5b1f
```
#6c5b1f rgb(108,91,31)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#1f306c
```
#1f306c rgb(31,48,108)
```
#5b1f6c
```
#5b1f6c rgb(91,31,108)
```

Tetradic Color

#16310e
```
#16310e rgb(22,49,14)
```
#1e4414
```
#1e4414 rgb(30,68,20)
```
#275819
```
#275819 rgb(39,88,25)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#398025
```
#398025 rgb(57,128,37)
```
#42942a
```
#42942a rgb(66,148,42)
```
#4aa730
```
#4aa730 rgb(74,167,48)
```

Monochromatic Color

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

#436c1f
```
#436c1f rgb(67,108,31)
```
#3d6c1f
```
#3d6c1f rgb(61,108,31)
```
#366c1f
```
#366c1f rgb(54,108,31)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#2a6c1f
```
#2a6c1f rgb(42,108,31)
```
#236c1f
```
#236c1f rgb(35,108,31)
```
#1f6c21
```
#1f6c21 rgb(31,108,33)
```

Similar Colors

Text with hexadecimal color #306c1f

This text has a font color of #306c1f.

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

#306c1f background color

This paragraph has a background color of #306c1f.

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

#306c1f border color

This element has a border color of #306c1f.

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

CSS codes

.text {color:#306c1f;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#071105
```
#071105 rgb(7,17,5)
```
#0e2009
```
#0e2009 rgb(14,32,9)
```
#152f0e
```
#152f0e rgb(21,47,14)
```
#1c3e12
```
#1c3e12 rgb(28,62,18)
```
#224e16
```
#224e16 rgb(34,78,22)
```
#295d1b
```
#295d1b rgb(41,93,27)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#377b23
```
#377b23 rgb(55,123,35)
```
#3e8a28
```
#3e8a28 rgb(62,138,40)
```
#449a2c
```
#449a2c rgb(68,154,44)
```
#4ba930
```
#4ba930 rgb(75,169,48)
```
#52b835
```
#52b835 rgb(82,184,53)
```

Shade Color Variation

#59c73a
```
#59c73a rgb(89,199,58)
```
#66cb49
```
#66cb49 rgb(102,203,73)
```
#73cf59
```
#73cf59 rgb(115,207,89)
```
#80d468
```
#80d468 rgb(128,212,104)
```
#8dd877
```
#8dd877 rgb(141,216,119)
```
#99dc86
```
#99dc86 rgb(153,220,134)
```
#a6e196
```
#a6e196 rgb(166,225,150)
```
#b3e5a5
```
#b3e5a5 rgb(179,229,165)
```
#c0eab4
```
#c0eab4 rgb(192,234,180)
```
#cdeec3
```
#cdeec3 rgb(205,238,195)
```
#daf2d3
```
#daf2d3 rgb(218,242,211)
```
#e6f7e2
```
#e6f7e2 rgb(230,247,226)
```
#f3fbf1
```
#f3fbf1 rgb(243,251,241)
```

Tint Color Variation

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

#454744
```
#454744 rgb(69,71,68)
```
#424c3f
```
#424c3f rgb(66,76,63)
```
#3f513a
```
#3f513a rgb(63,81,58)
```
#3c5734
```
#3c5734 rgb(60,87,52)
```
#395c2f
```
#395c2f rgb(57,92,47)
```
#36612a
```
#36612a rgb(54,97,42)
```
#336724
```
#336724 rgb(51,103,36)
```
#306c1f
```
#306c1f rgb(48,108,31)
```
#2d711a
```
#2d711a rgb(45,113,26)
```
#2a7714
```
#2a7714 rgb(42,119,20)
```
#277c0f
```
#277c0f rgb(39,124,15)
```
#24810a
```
#24810a rgb(36,129,10)
```
#218704
```
#218704 rgb(33,135,4)
```

Tone Color Variation

Below, you can see how #306c1f 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
#4a5647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736727 Protanopia 1% of men
#7e6231 Deuteranopia 1% of men
#4b6c74 Tritanopia 0.001% of the population

Trichromacy

#5a6924 Protanomaly 1% of men, 0.01% of women
#62662b Deuteranomaly 6% of men, 0.4% of women
#416c55 Tritanomaly 0.01% of the population

#306c1f hex color

#306c1f Color Information

#306c1f Color Conversion

Color Schemes with #306c1f

Alternatives to #306c1f

#306c1f Preview

Shades and Tints of #306c1f

Tones of #306c1f

Color Blindness Simulator