#306212 hex color

In a RGB color space, hex #306212 is composed of 18.8% red, 38.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 0% magenta, 81.6% yellow and 61.6% black. It has a hue angle of 97.5 degrees, a saturation of 69% and a lightness of 22.7%. #306212 color hex could be obtained by blending #60c424 with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 19
- G 38
- B 7
RGB color chart
- C 51
- M 0
- Y 82
- K 62
CMYK color chart

● #306212 color description : Very dark green.

The hexadecimal color #306212 has RGB values of R:48, G:98, B:18 and CMYK values of C:0.51, M:0, Y:0.82, K:0.62. Its decimal value is 3170834.

Hex triplet	306212	`#306212`
RGB Decimal	48, 98, 18	`rgb(48,98,18)`
RGB Percent	18.8, 38.4, 7.1	`rgb(18.8%,38.4%,7.1%)`
CMYK	51, 0, 82, 62
HSL	97.5°, 69, 22.7	`hsl(97.5,69%,22.7%)`
HSV (or HSB)	97.5°, 81.6, 38.4
Web Safe	336600	`#336600`

CIE-LAB	36.756, -31.738, 37.428
XYZ	5.696, 9.407, 2.088
xyY	0.331, 0.547, 9.407
CIE-LCH	36.756, 49.073, 130.297
CIE-LUV	36.756, -23.413, 40.513
Hunter-Lab	30.671, -20.527, 17.434
Binary	00110000, 01100010, 00010010

#306212
```
#306212 rgb(48,98,18)
```
#441262
```
#441262 rgb(68,18,98)
```

Complementary Color

#586212
```
#586212 rgb(88,98,18)
```
#306212
```
#306212 rgb(48,98,18)
```
#12621c
```
#12621c rgb(18,98,28)
```

Analogous Color

#621258
```
#621258 rgb(98,18,88)
```
#306212
```
#306212 rgb(48,98,18)
```
#1c1262
```
#1c1262 rgb(28,18,98)
```

Split Complementary Color

#621230
```
#621230 rgb(98,18,48)
```
#306212
```
#306212 rgb(48,98,18)
```
#123062
```
#123062 rgb(18,48,98)
```

Triadic Color

#624412
```
#624412 rgb(98,68,18)
```
#306212
```
#306212 rgb(48,98,18)
```
#123062
```
#123062 rgb(18,48,98)
```
#441262
```
#441262 rgb(68,18,98)
```

Tetradic Color

#102106
```
#102106 rgb(16,33,6)
```
#1b370a
```
#1b370a rgb(27,55,10)
```
#254c0e
```
#254c0e rgb(37,76,14)
```
#306212
```
#306212 rgb(48,98,18)
```
#3b7816
```
#3b7816 rgb(59,120,22)
```
#458d1a
```
#458d1a rgb(69,141,26)
```
#50a31e
```
#50a31e rgb(80,163,30)
```

Monochromatic Color

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

#446212
```
#446212 rgb(68,98,18)
```
#3d6212
```
#3d6212 rgb(61,98,18)
```
#376212
```
#376212 rgb(55,98,18)
```
#306212
```
#306212 rgb(48,98,18)
```
#296212
```
#296212 rgb(41,98,18)
```
#236212
```
#236212 rgb(35,98,18)
```
#1c6212
```
#1c6212 rgb(28,98,18)
```

Similar Colors

Text with hexadecimal color #306212

This text has a font color of #306212.

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

#306212 background color

This paragraph has a background color of #306212.

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

#306212 border color

This element has a border color of #306212.

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

CSS codes

.text {color:#306212;}

.background {background-color:#306212;}

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

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, #070f03 is the darkest color, while #fefffe is the lightest one.

#070f03
```
#070f03 rgb(7,15,3)
```
#102006
```
#102006 rgb(16,32,6)
```
#183009
```
#183009 rgb(24,48,9)
```
#20410c
```
#20410c rgb(32,65,12)
```
#28510f
```
#28510f rgb(40,81,15)
```
#306212
```
#306212 rgb(48,98,18)
```
#387315
```
#387315 rgb(56,115,21)
```
#408318
```
#408318 rgb(64,131,24)
```
#48941b
```
#48941b rgb(72,148,27)
```
#50a41e
```
#50a41e rgb(80,164,30)
```
#59b521
```
#59b521 rgb(89,181,33)
```
#61c524
```
#61c524 rgb(97,197,36)
```
#69d627
```
#69d627 rgb(105,214,39)
```

Shade Color Variation

#74da37
```
#74da37 rgb(116,218,55)
```
#80dd47
```
#80dd47 rgb(128,221,71)
```
#8be058
```
#8be058 rgb(139,224,88)
```
#97e368
```
#97e368 rgb(151,227,104)
```
#a2e679
```
#a2e679 rgb(162,230,121)
```
#aee98a
```
#aee98a rgb(174,233,138)
```
#b9ec9a
```
#b9ec9a rgb(185,236,154)
```
#c5f0ab
```
#c5f0ab rgb(197,240,171)
```
#d0f3bb
```
#d0f3bb rgb(208,243,187)
```
#dcf6cc
```
#dcf6cc rgb(220,246,204)
```
#e7f9dc
```
#e7f9dc rgb(231,249,220)
```
#f3fced
```
#f3fced rgb(243,252,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#393e36
```
#393e36 rgb(57,62,54)
```
#384331
```
#384331 rgb(56,67,49)
```
#37472d
```
#37472d rgb(55,71,45)
```
#364c28
```
#364c28 rgb(54,76,40)
```
#345024
```
#345024 rgb(52,80,36)
```
#33551f
```
#33551f rgb(51,85,31)
```
#32591b
```
#32591b rgb(50,89,27)
```
#315e16
```
#315e16 rgb(49,94,22)
```
#306212
```
#306212 rgb(48,98,18)
```
#2f660e
```
#2f660e rgb(47,102,14)
```
#2e6b09
```
#2e6b09 rgb(46,107,9)
```
#2d6f05
```
#2d6f05 rgb(45,111,5)
```
#2c7400
```
#2c7400 rgb(44,116,0)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454f3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a5f1b Protanopia 1% of men
#755a26 Deuteranopia 1% of men
#49636a Tritanopia 0.001% of the population

Trichromacy

#556018 Protanomaly 1% of men, 0.01% of women
#5c5d1e Deuteranomaly 6% of men, 0.4% of women
#40624a Tritanomaly 0.01% of the population

#306212 hex color

#306212 Color Information

#306212 Color Conversion

Color Schemes with #306212

Alternatives to #306212

#306212 Preview

Shades and Tints of #306212

Tones of #306212

Color Blindness Simulator