#306d12 hex color

In a RGB color space, hex #306d12 is composed of 18.8% red, 42.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 0% magenta, 83.5% yellow and 57.3% black. It has a hue angle of 100.2 degrees, a saturation of 71.7% and a lightness of 24.9%. #306d12 color hex could be obtained by blending #60da24 with #000000. Closest websafe color is: #336600.

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

● #306d12 color description : Very dark green.

The hexadecimal color #306d12 has RGB values of R:48, G:109, B:18 and CMYK values of C:0.56, M:0, Y:0.83, K:0.57. Its decimal value is 3173650.

Hex triplet	306d12	`#306d12`
RGB Decimal	48, 109, 18	`rgb(48,109,18)`
RGB Percent	18.8, 42.7, 7.1	`rgb(18.8%,42.7%,7.1%)`
CMYK	56, 0, 83, 57
HSL	100.2°, 71.7, 24.9	`hsl(100.2,71.7%,24.9%)`
HSV (or HSB)	100.2°, 83.5, 42.7
Web Safe	336600	`#336600`

CIE-LAB	40.588, -36.38, 41.065
XYZ	6.796, 11.609, 2.455
xyY	0.326, 0.557, 11.609
CIE-LCH	40.588, 54.862, 131.538
CIE-LUV	40.588, -28.207, 45.662
Hunter-Lab	34.072, -24.019, 19.578
Binary	00110000, 01101101, 00010010

#306d12
```
#306d12 rgb(48,109,18)
```
#4f126d
```
#4f126d rgb(79,18,109)
```

Complementary Color

#5e6d12
```
#5e6d12 rgb(94,109,18)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#126d21
```
#126d21 rgb(18,109,33)
```

Analogous Color

#6d125e
```
#6d125e rgb(109,18,94)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#21126d
```
#21126d rgb(33,18,109)
```

Split Complementary Color

#6d1230
```
#6d1230 rgb(109,18,48)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#12306d
```
#12306d rgb(18,48,109)
```

Triadic Color

#6d4f12
```
#6d4f12 rgb(109,79,18)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#12306d
```
#12306d rgb(18,48,109)
```
#4f126d
```
#4f126d rgb(79,18,109)
```

Tetradic Color

#132b07
```
#132b07 rgb(19,43,7)
```
#1d410b
```
#1d410b rgb(29,65,11)
```
#26570e
```
#26570e rgb(38,87,14)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#3a8316
```
#3a8316 rgb(58,131,22)
```
#439919
```
#439919 rgb(67,153,25)
```
#4daf1d
```
#4daf1d rgb(77,175,29)
```

Monochromatic Color

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

#476d12
```
#476d12 rgb(71,109,18)
```
#3f6d12
```
#3f6d12 rgb(63,109,18)
```
#386d12
```
#386d12 rgb(56,109,18)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#286d12
```
#286d12 rgb(40,109,18)
```
#216d12
```
#216d12 rgb(33,109,18)
```
#196d12
```
#196d12 rgb(25,109,18)
```

Similar Colors

Text with hexadecimal color #306d12

This text has a font color of #306d12.

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

#306d12 background color

This paragraph has a background color of #306d12.

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

#306d12 border color

This element has a border color of #306d12.

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

CSS codes

.text {color:#306d12;}

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

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

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

#040801
```
#040801 rgb(4,8,1)
```
#0b1904
```
#0b1904 rgb(11,25,4)
```
#122a07
```
#122a07 rgb(18,42,7)
```
#1a3a0a
```
#1a3a0a rgb(26,58,10)
```
#214b0c
```
#214b0c rgb(33,75,12)
```
#295c0f
```
#295c0f rgb(41,92,15)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#377e15
```
#377e15 rgb(55,126,21)
```
#3f8f18
```
#3f8f18 rgb(63,143,24)
```
#46a01a
```
#46a01a rgb(70,160,26)
```
#4eb01d
```
#4eb01d rgb(78,176,29)
```
#55c120
```
#55c120 rgb(85,193,32)
```
#5cd223
```
#5cd223 rgb(92,210,35)
```

Shade Color Variation

#66dc2c
```
#66dc2c rgb(102,220,44)
```
#72df3d
```
#72df3d rgb(114,223,61)
```
#7fe24e
```
#7fe24e rgb(127,226,78)
```
#8be55f
```
#8be55f rgb(139,229,95)
```
#97e76f
```
#97e76f rgb(151,231,111)
```
#a3ea80
```
#a3ea80 rgb(163,234,128)
```
#afed91
```
#afed91 rgb(175,237,145)
```
#bcf0a2
```
#bcf0a2 rgb(188,240,162)
```
#c8f2b3
```
#c8f2b3 rgb(200,242,179)
```
#d4f5c4
```
#d4f5c4 rgb(212,245,196)
```
#e0f8d4
```
#e0f8d4 rgb(224,248,212)
```
#ecfbe5
```
#ecfbe5 rgb(236,251,229)
```
#f9fef6
```
#f9fef6 rgb(249,254,246)
```

Tint Color Variation

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

#3f413e
```
#3f413e rgb(63,65,62)
```
#3d4639
```
#3d4639 rgb(61,70,57)
```
#3c4b34
```
#3c4b34 rgb(60,75,52)
```
#3a502f
```
#3a502f rgb(58,80,47)
```
#38552a
```
#38552a rgb(56,85,42)
```
#375926
```
#375926 rgb(55,89,38)
```
#355e21
```
#355e21 rgb(53,94,33)
```
#33631c
```
#33631c rgb(51,99,28)
```
#326817
```
#326817 rgb(50,104,23)
```
#306d12
```
#306d12 rgb(48,109,18)
```
#2e720d
```
#2e720d rgb(46,114,13)
```
#2d7708
```
#2d7708 rgb(45,119,8)
```
#2b7c03
```
#2b7c03 rgb(43,124,3)
```

Tone Color Variation

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

#74681b Protanopia 1% of men
#806327 Deuteranopia 1% of men
#4c6d74 Tritanopia 0.001% of the population

Trichromacy

#5b6917 Protanomaly 1% of men, 0.01% of women
#63661f Deuteranomaly 6% of men, 0.4% of women
#426d50 Tritanomaly 0.01% of the population

#306d12 hex color

#306d12 Color Information

#306d12 Color Conversion

Color Schemes with #306d12

Alternatives to #306d12

#306d12 Preview

Shades and Tints of #306d12

Tones of #306d12

Color Blindness Simulator