#314d16 hex color

In a RGB color space, hex #314d16 is composed of 19.2% red, 30.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 0% magenta, 71.4% yellow and 69.8% black. It has a hue angle of 90.5 degrees, a saturation of 55.6% and a lightness of 19.4%. #314d16 color hex could be obtained by blending #629a2c with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 19
- G 30
- B 9
RGB color chart
- C 36
- M 0
- Y 71
- K 70
CMYK color chart

● #314d16 color description : Very dark green.

The hexadecimal color #314d16 has RGB values of R:49, G:77, B:22 and CMYK values of C:0.36, M:0, Y:0.71, K:0.7. Its decimal value is 3230998.

Hex triplet	314d16	`#314d16`
RGB Decimal	49, 77, 22	`rgb(49,77,22)`
RGB Percent	19.2, 30.2, 8.6	`rgb(19.2%,30.2%,8.6%)`
CMYK	36, 0, 71, 70
HSL	90.5°, 55.6, 19.4	`hsl(90.5,55.6%,19.4%)`
HSV (or HSB)	90.5°, 71.4, 30.2
Web Safe	336600	`#336600`

CIE-LAB	29.459, -21.087, 28.327
XYZ	4.065, 6.018, 1.707
xyY	0.345, 0.51, 6.018
CIE-LCH	29.459, 35.314, 126.664
CIE-LUV	29.459, -13.156, 29.204
Hunter-Lab	24.533, -13.354, 13.049
Binary	00110001, 01001101, 00010110

#314d16
```
#314d16 rgb(49,77,22)
```
#32164d
```
#32164d rgb(50,22,77)
```

Complementary Color

#4d4d16
```
#4d4d16 rgb(77,77,22)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#164d17
```
#164d17 rgb(22,77,23)
```

Analogous Color

#4d164d
```
#4d164d rgb(77,22,77)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#17164d
```
#17164d rgb(23,22,77)
```

Split Complementary Color

#4d1631
```
#4d1631 rgb(77,22,49)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#16314d
```
#16314d rgb(22,49,77)
```

Triadic Color

#4d3216
```
#4d3216 rgb(77,50,22)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#16314d
```
#16314d rgb(22,49,77)
```
#32164d
```
#32164d rgb(50,22,77)
```

Tetradic Color

#0b1205
```
#0b1205 rgb(11,18,5)
```
#18250b
```
#18250b rgb(24,37,11)
```
#243910
```
#243910 rgb(36,57,16)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#3e611c
```
#3e611c rgb(62,97,28)
```
#4a7521
```
#4a7521 rgb(74,117,33)
```
#578927
```
#578927 rgb(87,137,39)
```

Monochromatic Color

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

#3f4d16
```
#3f4d16 rgb(63,77,22)
```
#3a4d16
```
#3a4d16 rgb(58,77,22)
```
#364d16
```
#364d16 rgb(54,77,22)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#2c4d16
```
#2c4d16 rgb(44,77,22)
```
#284d16
```
#284d16 rgb(40,77,22)
```
#234d16
```
#234d16 rgb(35,77,22)
```

Similar Colors

Text with hexadecimal color #314d16

This text has a font color of #314d16.

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

#314d16 background color

This paragraph has a background color of #314d16.

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

#314d16 border color

This element has a border color of #314d16.

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

CSS codes

.text {color:#314d16;}

.background {background-color:#314d16;}

.border {border:1px solid #314d16;}

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

#000100
```
#000100 rgb(0,1,0)
```
#0a1005
```
#0a1005 rgb(10,16,5)
```
#141f09
```
#141f09 rgb(20,31,9)
```
#1e2e0d
```
#1e2e0d rgb(30,46,13)
```
#273e12
```
#273e12 rgb(39,62,18)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#3b5c1a
```
#3b5c1a rgb(59,92,26)
```
#446c1f
```
#446c1f rgb(68,108,31)
```
#4e7b23
```
#4e7b23 rgb(78,123,35)
```
#588a27
```
#588a27 rgb(88,138,39)
```
#62992c
```
#62992c rgb(98,153,44)
```
#6ba930
```
#6ba930 rgb(107,169,48)
```
#75b835
```
#75b835 rgb(117,184,53)
```

Shade Color Variation

#7fc739
```
#7fc739 rgb(127,199,57)
```
#89cb49
```
#89cb49 rgb(137,203,73)
```
#92cf58
```
#92cf58 rgb(146,207,88)
```
#9cd467
```
#9cd467 rgb(156,212,103)
```
#a6d876
```
#a6d876 rgb(166,216,118)
```
#b0dc86
```
#b0dc86 rgb(176,220,134)
```
#bae195
```
#bae195 rgb(186,225,149)
```
#c4e5a4
```
#c4e5a4 rgb(196,229,164)
```
#cee9b3
```
#cee9b3 rgb(206,233,179)
```
#d8eec3
```
#d8eec3 rgb(216,238,195)
```
#e2f2d2
```
#e2f2d2 rgb(226,242,210)
```
#ecf6e1
```
#ecf6e1 rgb(236,246,225)
```
#f6fbf0
```
#f6fbf0 rgb(246,251,240)
```

Tint Color Variation

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

#313231
```
#313231 rgb(49,50,49)
```
#31362d
```
#31362d rgb(49,54,45)
```
#313a29
```
#313a29 rgb(49,58,41)
```
#313e25
```
#313e25 rgb(49,62,37)
```
#314221
```
#314221 rgb(49,66,33)
```
#31451e
```
#31451e rgb(49,69,30)
```
#31491a
```
#31491a rgb(49,73,26)
```
#314d16
```
#314d16 rgb(49,77,22)
```
#315112
```
#315112 rgb(49,81,18)
```
#31550e
```
#31550e rgb(49,85,14)
```
#31580b
```
#31580b rgb(49,88,11)
```
#315c07
```
#315c07 rgb(49,92,7)
```
#316003
```
#316003 rgb(49,96,3)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b4136 Atypical Achromatopsia 0.001% of the population

Dichromacy

#574f20 Protanopia 1% of men
#604b26 Deuteranopia 1% of men
#445156 Tritanopia 0.001% of the population

Trichromacy

#494e1c Protanomaly 1% of men, 0.01% of women
#4f4c20 Deuteranomaly 6% of men, 0.4% of women
#3d4f3f Tritanomaly 0.01% of the population

#314d16 hex color

#314d16 Color Information

#314d16 Color Conversion

Color Schemes with #314d16

Alternatives to #314d16

#314d16 Preview

Shades and Tints of #314d16

Tones of #314d16

Color Blindness Simulator