#314d18 hex color

In a RGB color space, hex #314d18 is composed of 19.2% red, 30.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 0% magenta, 68.8% yellow and 69.8% black. It has a hue angle of 91.7 degrees, a saturation of 52.5% and a lightness of 19.8%. #314d18 color hex could be obtained by blending #629a30 with #000000. Closest websafe color is: #336600.

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

● #314d18 color description : Very dark green.

The hexadecimal color #314d18 has RGB values of R:49, G:77, B:24 and CMYK values of C:0.36, M:0, Y:0.69, K:0.7. Its decimal value is 3231000.

Hex triplet	314d18	`#314d18`
RGB Decimal	49, 77, 24	`rgb(49,77,24)`
RGB Percent	19.2, 30.2, 9.4	`rgb(19.2%,30.2%,9.4%)`
CMYK	36, 0, 69, 70
HSL	91.7°, 52.5, 19.8	`hsl(91.7,52.5%,19.8%)`
HSV (or HSB)	91.7°, 68.8, 30.2
Web Safe	336600	`#336600`

CIE-LAB	29.479, -20.887, 27.35
XYZ	4.085, 6.027, 1.812
xyY	0.343, 0.505, 6.027
CIE-LCH	29.479, 34.413, 127.368
CIE-LUV	29.479, -13.144, 28.546
Hunter-Lab	24.549, -13.256, 12.808
Binary	00110001, 01001101, 00011000

#314d18
```
#314d18 rgb(49,77,24)
```
#34184d
```
#34184d rgb(52,24,77)
```

Complementary Color

#4c4d18
```
#4c4d18 rgb(76,77,24)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#184d1a
```
#184d1a rgb(24,77,26)
```

Analogous Color

#4d184c
```
#4d184c rgb(77,24,76)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#19184d
```
#19184d rgb(25,24,77)
```

Split Complementary Color

#4d1831
```
#4d1831 rgb(77,24,49)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#18314d
```
#18314d rgb(24,49,77)
```

Triadic Color

#4d3418
```
#4d3418 rgb(77,52,24)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#18314d
```
#18314d rgb(24,49,77)
```
#34184d
```
#34184d rgb(52,24,77)
```

Tetradic Color

#0c1306
```
#0c1306 rgb(12,19,6)
```
#18260c
```
#18260c rgb(24,38,12)
```
#253a12
```
#253a12 rgb(37,58,18)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#3d601e
```
#3d601e rgb(61,96,30)
```
#4a7424
```
#4a7424 rgb(74,116,36)
```
#56872a
```
#56872a rgb(86,135,42)
```

Monochromatic Color

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

#3e4d18
```
#3e4d18 rgb(62,77,24)
```
#3a4d18
```
#3a4d18 rgb(58,77,24)
```
#354d18
```
#354d18 rgb(53,77,24)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#2d4d18
```
#2d4d18 rgb(45,77,24)
```
#284d18
```
#284d18 rgb(40,77,24)
```
#244d18
```
#244d18 rgb(36,77,24)
```

Similar Colors

Text with hexadecimal color #314d18

This text has a font color of #314d18.

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

#314d18 background color

This paragraph has a background color of #314d18.

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

#314d18 border color

This element has a border color of #314d18.

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

CSS codes

.text {color:#314d18;}

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

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

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)
```
#0b1105
```
#0b1105 rgb(11,17,5)
```
#14200a
```
#14200a rgb(20,32,10)
```
#1e2f0f
```
#1e2f0f rgb(30,47,15)
```
#273e13
```
#273e13 rgb(39,62,19)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#3b5c1d
```
#3b5c1d rgb(59,92,29)
```
#446b21
```
#446b21 rgb(68,107,33)
```
#4e7a26
```
#4e7a26 rgb(78,122,38)
```
#57892b
```
#57892b rgb(87,137,43)
```
#61982f
```
#61982f rgb(97,152,47)
```
#6aa734
```
#6aa734 rgb(106,167,52)
```
#74b639
```
#74b639 rgb(116,182,57)
```

Shade Color Variation

#7dc33f
```
#7dc33f rgb(125,195,63)
```
#87c84e
```
#87c84e rgb(135,200,78)
```
#91cc5d
```
#91cc5d rgb(145,204,93)
```
#9cd16c
```
#9cd16c rgb(156,209,108)
```
#a6d67b
```
#a6d67b rgb(166,214,123)
```
#b0da8a
```
#b0da8a rgb(176,218,138)
```
#badf99
```
#badf99 rgb(186,223,153)
```
#c4e4a8
```
#c4e4a8 rgb(196,228,168)
```
#cee8b6
```
#cee8b6 rgb(206,232,182)
```
#d8edc5
```
#d8edc5 rgb(216,237,197)
```
#e2f2d4
```
#e2f2d4 rgb(226,242,212)
```
#ecf6e3
```
#ecf6e3 rgb(236,246,227)
```
#f6fbf2
```
#f6fbf2 rgb(246,251,242)
```

Tint Color Variation

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

#32362f
```
#32362f rgb(50,54,47)
```
#323a2b
```
#323a2b rgb(50,58,43)
```
#323d28
```
#323d28 rgb(50,61,40)
```
#324124
```
#324124 rgb(50,65,36)
```
#314520
```
#314520 rgb(49,69,32)
```
#31491c
```
#31491c rgb(49,73,28)
```
#314d18
```
#314d18 rgb(49,77,24)
```
#315114
```
#315114 rgb(49,81,20)
```
#315510
```
#315510 rgb(49,85,16)
```
#30590c
```
#30590c rgb(48,89,12)
```
#305d08
```
#305d08 rgb(48,93,8)
```
#306005
```
#306005 rgb(48,96,5)
```
#306401
```
#306401 rgb(48,100,1)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c4237 Atypical Achromatopsia 0.001% of the population

Dichromacy

#574f22 Protanopia 1% of men
#604b28 Deuteranopia 1% of men
#445156 Tritanopia 0.001% of the population

Trichromacy

#494e1e Protanomaly 1% of men, 0.01% of women
#4f4c22 Deuteranomaly 6% of men, 0.4% of women
#3d4f40 Tritanomaly 0.01% of the population

#314d18 hex color

#314d18 Color Information

#314d18 Color Conversion

Color Schemes with #314d18

Alternatives to #314d18

#314d18 Preview

Shades and Tints of #314d18

Tones of #314d18

Color Blindness Simulator