#314f16 hex color

In a RGB color space, hex #314f16 is composed of 19.2% red, 31% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 38% cyan, 0% magenta, 72.2% yellow and 69% black. It has a hue angle of 91.6 degrees, a saturation of 56.4% and a lightness of 19.8%. #314f16 color hex could be obtained by blending #629e2c with #000000. Closest websafe color is: #336600.

♥
- f
- t
- g
- R 19
- G 31
- B 9
RGB color chart
- C 38
- M 0
- Y 72
- K 69
CMYK color chart

● #314f16 color description : Very dark green.

The hexadecimal color #314f16 has RGB values of R:49, G:79, B:22 and CMYK values of C:0.38, M:0, Y:0.72, K:0.69. Its decimal value is 3231510.

Hex triplet	314f16	`#314f16`
RGB Decimal	49, 79, 22	`rgb(49,79,22)`
RGB Percent	19.2, 31, 8.6	`rgb(19.2%,31%,8.6%)`
CMYK	38, 0, 72, 69
HSL	91.6°, 56.4, 19.8	`hsl(91.6,56.4%,19.8%)`
HSV (or HSB)	91.6°, 72.2, 31
Web Safe	336600	`#336600`

CIE-LAB	30.164, -22.109, 29.083
XYZ	4.207, 6.303, 1.754
xyY	0.343, 0.514, 6.303
CIE-LCH	30.164, 36.533, 127.243
CIE-LUV	30.164, -14.13, 30.21
Hunter-Lab	25.105, -14.02, 13.432
Binary	00110001, 01001111, 00010110

#314f16
```
#314f16 rgb(49,79,22)
```
#34164f
```
#34164f rgb(52,22,79)
```

Complementary Color

#4e4f16
```
#4e4f16 rgb(78,79,22)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#164f18
```
#164f18 rgb(22,79,24)
```

Analogous Color

#4f164e
```
#4f164e rgb(79,22,78)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#18164f
```
#18164f rgb(24,22,79)
```

Split Complementary Color

#4f1631
```
#4f1631 rgb(79,22,49)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#16314f
```
#16314f rgb(22,49,79)
```

Triadic Color

#4f3416
```
#4f3416 rgb(79,52,22)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#16314f
```
#16314f rgb(22,49,79)
```
#34164f
```
#34164f rgb(52,22,79)
```

Tetradic Color

#0c1305
```
#0c1305 rgb(12,19,5)
```
#18270b
```
#18270b rgb(24,39,11)
```
#253b10
```
#253b10 rgb(37,59,16)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#3d631c
```
#3d631c rgb(61,99,28)
```
#4a7721
```
#4a7721 rgb(74,119,33)
```
#568b27
```
#568b27 rgb(86,139,39)
```

Monochromatic Color

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

#3f4f16
```
#3f4f16 rgb(63,79,22)
```
#3b4f16
```
#3b4f16 rgb(59,79,22)
```
#364f16
```
#364f16 rgb(54,79,22)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#2c4f16
```
#2c4f16 rgb(44,79,22)
```
#284f16
```
#284f16 rgb(40,79,22)
```
#234f16
```
#234f16 rgb(35,79,22)
```

Similar Colors

Text with hexadecimal color #314f16

This text has a font color of #314f16.

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

#314f16 background color

This paragraph has a background color of #314f16.

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

#314f16 border color

This element has a border color of #314f16.

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

CSS codes

.text {color:#314f16;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#0b1205
```
#0b1205 rgb(11,18,5)
```
#142109
```
#142109 rgb(20,33,9)
```
#1e300d
```
#1e300d rgb(30,48,13)
```
#274012
```
#274012 rgb(39,64,18)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#3b5e1a
```
#3b5e1a rgb(59,94,26)
```
#446e1f
```
#446e1f rgb(68,110,31)
```
#4e7d23
```
#4e7d23 rgb(78,125,35)
```
#578c27
```
#578c27 rgb(87,140,39)
```
#619c2b
```
#619c2b rgb(97,156,43)
```
#6aab30
```
#6aab30 rgb(106,171,48)
```
#74ba34
```
#74ba34 rgb(116,186,52)
```

Shade Color Variation

#7dc83a
```
#7dc83a rgb(125,200,58)
```
#87cc49
```
#87cc49 rgb(135,204,73)
```
#91d159
```
#91d159 rgb(145,209,89)
```
#9cd568
```
#9cd568 rgb(156,213,104)
```
#a6d977
```
#a6d977 rgb(166,217,119)
```
#b0dd87
```
#b0dd87 rgb(176,221,135)
```
#bae296
```
#bae296 rgb(186,226,150)
```
#c4e6a5
```
#c4e6a5 rgb(196,230,165)
```
#ceeab5
```
#ceeab5 rgb(206,234,181)
```
#d8efc4
```
#d8efc4 rgb(216,239,196)
```
#e2f3d3
```
#e2f3d3 rgb(226,243,211)
```
#ecf7e3
```
#ecf7e3 rgb(236,247,227)
```
#f6fbf2
```
#f6fbf2 rgb(246,251,242)
```

Tint Color Variation

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

#323431
```
#323431 rgb(50,52,49)
```
#32382d
```
#32382d rgb(50,56,45)
```
#323c29
```
#323c29 rgb(50,60,41)
```
#323f26
```
#323f26 rgb(50,63,38)
```
#324322
```
#324322 rgb(50,67,34)
```
#31471e
```
#31471e rgb(49,71,30)
```
#314b1a
```
#314b1a rgb(49,75,26)
```
#314f16
```
#314f16 rgb(49,79,22)
```
#315312
```
#315312 rgb(49,83,18)
```
#31570e
```
#31570e rgb(49,87,14)
```
#305b0a
```
#305b0a rgb(48,91,10)
```
#305f06
```
#305f06 rgb(48,95,6)
```
#306203
```
#306203 rgb(48,98,3)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4338 Atypical Achromatopsia 0.001% of the population

Dichromacy

#595020 Protanopia 1% of men
#624c26 Deuteranopia 1% of men
#445258 Tritanopia 0.001% of the population

Trichromacy

#4a501c Protanomaly 1% of men, 0.01% of women
#504d20 Deuteranomaly 6% of men, 0.4% of women
#3d5140 Tritanomaly 0.01% of the population

#314f16 hex color

#314f16 Color Information

#314f16 Color Conversion

Color Schemes with #314f16

Alternatives to #314f16

#314f16 Preview

Shades and Tints of #314f16

Tones of #314f16

Color Blindness Simulator