#306812 hex color

In a RGB color space, hex #306812 is composed of 18.8% red, 40.8% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 0% magenta, 82.7% yellow and 59.2% black. It has a hue angle of 99.1 degrees, a saturation of 70.5% and a lightness of 23.9%. #306812 color hex could be obtained by blending #60d024 with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 19
- G 41
- B 7
RGB color chart
- C 54
- M 0
- Y 83
- K 59
CMYK color chart

● #306812 color description : Very dark green.

The hexadecimal color #306812 has RGB values of R:48, G:104, B:18 and CMYK values of C:0.54, M:0, Y:0.83, K:0.59. Its decimal value is 3172370.

Hex triplet	306812	`#306812`
RGB Decimal	48, 104, 18	`rgb(48,104,18)`
RGB Percent	18.8, 40.8, 7.1	`rgb(18.8%,40.8%,7.1%)`
CMYK	54, 0, 83, 59
HSL	99.1°, 70.5, 23.9	`hsl(99.1,70.5%,23.9%)`
HSV (or HSB)	99.1°, 82.7, 40.8
Web Safe	336600	`#336600`

CIE-LAB	38.85, -34.308, 39.427
XYZ	6.278, 10.572, 2.282
xyY	0.328, 0.553, 10.572
CIE-LCH	38.85, 52.264, 131.028
CIE-LUV	38.85, -26.055, 43.335
Hunter-Lab	32.515, -22.435, 18.599
Binary	00110000, 01101000, 00010010

#306812
```
#306812 rgb(48,104,18)
```
#4a1268
```
#4a1268 rgb(74,18,104)
```

Complementary Color

#5b6812
```
#5b6812 rgb(91,104,18)
```
#306812
```
#306812 rgb(48,104,18)
```
#12681f
```
#12681f rgb(18,104,31)
```

Analogous Color

#68125b
```
#68125b rgb(104,18,91)
```
#306812
```
#306812 rgb(48,104,18)
```
#1f1268
```
#1f1268 rgb(31,18,104)
```

Split Complementary Color

#681230
```
#681230 rgb(104,18,48)
```
#306812
```
#306812 rgb(48,104,18)
```
#123068
```
#123068 rgb(18,48,104)
```

Triadic Color

#684a12
```
#684a12 rgb(104,74,18)
```
#306812
```
#306812 rgb(48,104,18)
```
#123068
```
#123068 rgb(18,48,104)
```
#4a1268
```
#4a1268 rgb(74,18,104)
```

Tetradic Color

#122707
```
#122707 rgb(18,39,7)
```
#1c3d0a
```
#1c3d0a rgb(28,61,10)
```
#26520e
```
#26520e rgb(38,82,14)
```
#306812
```
#306812 rgb(48,104,18)
```
#3a7e16
```
#3a7e16 rgb(58,126,22)
```
#44931a
```
#44931a rgb(68,147,26)
```
#4ea91d
```
#4ea91d rgb(78,169,29)
```

Monochromatic Color

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

#466812
```
#466812 rgb(70,104,18)
```
#3e6812
```
#3e6812 rgb(62,104,18)
```
#376812
```
#376812 rgb(55,104,18)
```
#306812
```
#306812 rgb(48,104,18)
```
#296812
```
#296812 rgb(41,104,18)
```
#226812
```
#226812 rgb(34,104,18)
```
#1b6812
```
#1b6812 rgb(27,104,18)
```

Similar Colors

Text with hexadecimal color #306812

This text has a font color of #306812.

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

#306812 background color

This paragraph has a background color of #306812.

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

#306812 border color

This element has a border color of #306812.

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

CSS codes

.text {color:#306812;}

.background {background-color:#306812;}

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

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

#020401
```
#020401 rgb(2,4,1)
```
#091404
```
#091404 rgb(9,20,4)
```
#112506
```
#112506 rgb(17,37,6)
```
#193609
```
#193609 rgb(25,54,9)
```
#21470c
```
#21470c rgb(33,71,12)
```
#28570f
```
#28570f rgb(40,87,15)
```
#306812
```
#306812 rgb(48,104,18)
```
#387915
```
#387915 rgb(56,121,21)
```
#3f8918
```
#3f8918 rgb(63,137,24)
```
#479a1b
```
#479a1b rgb(71,154,27)
```
#4fab1e
```
#4fab1e rgb(79,171,30)
```
#57bc20
```
#57bc20 rgb(87,188,32)
```
#5ecc23
```
#5ecc23 rgb(94,204,35)
```

Shade Color Variation

#67da29
```
#67da29 rgb(103,218,41)
```
#73dd3a
```
#73dd3a rgb(115,221,58)
```
#7fe04b
```
#7fe04b rgb(127,224,75)
```
#8be35b
```
#8be35b rgb(139,227,91)
```
#97e66c
```
#97e66c rgb(151,230,108)
```
#a2e87d
```
#a2e87d rgb(162,232,125)
```
#aeeb8e
```
#aeeb8e rgb(174,235,142)
```
#baee9e
```
#baee9e rgb(186,238,158)
```
#c6f1af
```
#c6f1af rgb(198,241,175)
```
#d2f4c0
```
#d2f4c0 rgb(210,244,192)
```
#def7d1
```
#def7d1 rgb(222,247,209)
```
#eafae1
```
#eafae1 rgb(234,250,225)
```
#f6fdf2
```
#f6fdf2 rgb(246,253,242)
```

Tint Color Variation

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

#3d3e3c
```
#3d3e3c rgb(61,62,60)
```
#3b4238
```
#3b4238 rgb(59,66,56)
```
#3a4733
```
#3a4733 rgb(58,71,51)
```
#394c2e
```
#394c2e rgb(57,76,46)
```
#375129
```
#375129 rgb(55,81,41)
```
#365525
```
#365525 rgb(54,85,37)
```
#345a20
```
#345a20 rgb(52,90,32)
```
#335f1b
```
#335f1b rgb(51,95,27)
```
#316317
```
#316317 rgb(49,99,23)
```
#306812
```
#306812 rgb(48,104,18)
```
#2f6d0d
```
#2f6d0d rgb(47,109,13)
```
#2d7109
```
#2d7109 rgb(45,113,9)
```
#2c7604
```
#2c7604 rgb(44,118,4)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#475241 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f641b Protanopia 1% of men
#7b5f27 Deuteranopia 1% of men
#4b6870 Tritanopia 0.001% of the population

Trichromacy

#586517 Protanomaly 1% of men, 0.01% of women
#60621f Deuteranomaly 6% of men, 0.4% of women
#41684d Tritanomaly 0.01% of the population

#306812 hex color

#306812 Color Information

#306812 Color Conversion

Color Schemes with #306812

Alternatives to #306812

#306812 Preview

Shades and Tints of #306812

Tones of #306812

Color Blindness Simulator