#306a16 hex color

In a RGB color space, hex #306a16 is composed of 18.8% red, 41.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 79.2% yellow and 58.4% black. It has a hue angle of 101.4 degrees, a saturation of 65.6% and a lightness of 25.1%. #306a16 color hex could be obtained by blending #60d42c with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 19
- G 42
- B 9
RGB color chart
- C 55
- M 0
- Y 79
- K 58
CMYK color chart

● #306a16 color description : Very dark green.

The hexadecimal color #306a16 has RGB values of R:48, G:106, B:22 and CMYK values of C:0.55, M:0, Y:0.79, K:0.58. Its decimal value is 3172886.

Hex triplet	306a16	`#306a16`
RGB Decimal	48, 106, 22	`rgb(48,106,22)`
RGB Percent	18.8, 41.6, 8.6	`rgb(18.8%,41.6%,8.6%)`
CMYK	55, 0, 79, 58
HSL	101.4°, 65.6, 25.1	`hsl(101.4,65.6%,25.1%)`
HSV (or HSB)	101.4°, 79.2, 41.6
Web Safe	336600	`#336600`

CIE-LAB	39.57, -34.874, 38.682
XYZ	6.518, 10.994, 2.538
xyY	0.325, 0.548, 10.994
CIE-LCH	39.57, 52.082, 132.036
CIE-LUV	39.57, -26.867, 43.37
Hunter-Lab	33.157, -22.938, 18.672
Binary	00110000, 01101010, 00010110

#306a16
```
#306a16 rgb(48,106,22)
```
#50166a
```
#50166a rgb(80,22,106)
```

Complementary Color

#5a6a16
```
#5a6a16 rgb(90,106,22)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#166a26
```
#166a26 rgb(22,106,38)
```

Analogous Color

#6a165a
```
#6a165a rgb(106,22,90)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#26166a
```
#26166a rgb(38,22,106)
```

Split Complementary Color

#6a1630
```
#6a1630 rgb(106,22,48)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#16306a
```
#16306a rgb(22,48,106)
```

Triadic Color

#6a5016
```
#6a5016 rgb(106,80,22)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#16306a
```
#16306a rgb(22,48,106)
```
#50166a
```
#50166a rgb(80,22,106)
```

Tetradic Color

#132b09
```
#132b09 rgb(19,43,9)
```
#1d400d
```
#1d400d rgb(29,64,13)
```
#265512
```
#265512 rgb(38,85,18)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#3a7f1a
```
#3a7f1a rgb(58,127,26)
```
#43941f
```
#43941f rgb(67,148,31)
```
#4da923
```
#4da923 rgb(77,169,35)
```

Monochromatic Color

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

#456a16
```
#456a16 rgb(69,106,22)
```
#3e6a16
```
#3e6a16 rgb(62,106,22)
```
#376a16
```
#376a16 rgb(55,106,22)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#296a16
```
#296a16 rgb(41,106,22)
```
#226a16
```
#226a16 rgb(34,106,22)
```
#1b6a16
```
#1b6a16 rgb(27,106,22)
```

Similar Colors

Text with hexadecimal color #306a16

This text has a font color of #306a16.

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

#306a16 background color

This paragraph has a background color of #306a16.

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

#306a16 border color

This element has a border color of #306a16.

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

CSS codes

.text {color:#306a16;}

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

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

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

#040902
```
#040902 rgb(4,9,2)
```
#0b1905
```
#0b1905 rgb(11,25,5)
```
#132909
```
#132909 rgb(19,41,9)
```
#1a390c
```
#1a390c rgb(26,57,12)
```
#214a0f
```
#214a0f rgb(33,74,15)
```
#295a13
```
#295a13 rgb(41,90,19)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#377a19
```
#377a19 rgb(55,122,25)
```
#3f8a1d
```
#3f8a1d rgb(63,138,29)
```
#469b20
```
#469b20 rgb(70,155,32)
```
#4dab23
```
#4dab23 rgb(77,171,35)
```
#55bb27
```
#55bb27 rgb(85,187,39)
```
#5ccb2a
```
#5ccb2a rgb(92,203,42)
```

Shade Color Variation

#66d534
```
#66d534 rgb(102,213,52)
```
#72d845
```
#72d845 rgb(114,216,69)
```
#7fdc55
```
#7fdc55 rgb(127,220,85)
```
#8bdf65
```
#8bdf65 rgb(139,223,101)
```
#97e275
```
#97e275 rgb(151,226,117)
```
#a3e686
```
#a3e686 rgb(163,230,134)
```
#b0e996
```
#b0e996 rgb(176,233,150)
```
#bceda6
```
#bceda6 rgb(188,237,166)
```
#c8f0b6
```
#c8f0b6 rgb(200,240,182)
```
#d4f3c7
```
#d4f3c7 rgb(212,243,199)
```
#e1f7d7
```
#e1f7d7 rgb(225,247,215)
```
#edfae7
```
#edfae7 rgb(237,250,231)
```
#f9fdf7
```
#f9fdf7 rgb(249,253,247)
```

Tint Color Variation

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

#3f433d
```
#3f433d rgb(63,67,61)
```
#3d4838
```
#3d4838 rgb(61,72,56)
```
#3b4c34
```
#3b4c34 rgb(59,76,52)
```
#39512f
```
#39512f rgb(57,81,47)
```
#38562a
```
#38562a rgb(56,86,42)
```
#365b25
```
#365b25 rgb(54,91,37)
```
#346020
```
#346020 rgb(52,96,32)
```
#32651b
```
#32651b rgb(50,101,27)
```
#306a16
```
#306a16 rgb(48,106,22)
```
#2e6f11
```
#2e6f11 rgb(46,111,17)
```
#2c740c
```
#2c740c rgb(44,116,12)
```
#2a7907
```
#2a7907 rgb(42,121,7)
```
#287e02
```
#287e02 rgb(40,126,2)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495444 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71651e Protanopia 1% of men
#7d602a Deuteranopia 1% of men
#4b6a72 Tritanopia 0.001% of the population

Trichromacy

#59671b Protanomaly 1% of men, 0.01% of women
#616422 Deuteranomaly 6% of men, 0.4% of women
#416a50 Tritanomaly 0.01% of the population

#306a16 hex color

#306a16 Color Information

#306a16 Color Conversion

Color Schemes with #306a16

Alternatives to #306a16

#306a16 Preview

Shades and Tints of #306a16

Tones of #306a16

Color Blindness Simulator