colorhexa.com

#314c1f hex color

In a RGB color space, hex #314c1f is composed of 19.2% red, 29.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 0% magenta, 59.2% yellow and 70.2% black. It has a hue angle of 96 degrees, a saturation of 42.1% and a lightness of 21%. #314c1f color hex could be obtained by blending #62983e with #000000. Closest websafe color is: #333333.

- R 19
- G 30
- B 12
RGB color chart
- C 36
- M 0
- Y 59
- K 70
CMYK color chart

● #314c1f color description : Very dark desaturated green.

The hexadecimal color #314c1f has RGB values of R:49, G:76, B:31 and CMYK values of C:0.36, M:0, Y:0.59, K:0.7. Its decimal value is 3230751.

Hex triplet	314c1f	`#314c1f`
RGB Decimal	49, 76, 31	`rgb(49,76,31)`
RGB Percent	19.2, 29.8, 12.2	`rgb(19.2%,29.8%,12.2%)`
CMYK	36, 0, 59, 70
HSL	96°, 42.1, 21	`hsl(96,42.1%,21%)`
HSV (or HSB)	96°, 59.2, 29.8
Web Safe	333333	`#333333`

CIE-LAB	29.211, -19.546, 23.287
XYZ	4.098, 5.921, 2.223
xyY	0.335, 0.484, 5.921
CIE-LCH	29.211, 30.403, 130.009
CIE-LUV	29.211, -12.613, 25.361
Hunter-Lab	24.332, -12.517, 11.616
Binary	00110001, 01001100, 00011111

#314c1f
```
#314c1f rgb(49,76,31)
```
#3a1f4c
```
#3a1f4c rgb(58,31,76)
```

Complementary Color

#484c1f
```
#484c1f rgb(72,76,31)
```
#314c1f
```
#314c1f rgb(49,76,31)
```
#1f4c24
```
#1f4c24 rgb(31,76,36)
```

Analogous Color

#4c1f48
```
#4c1f48 rgb(76,31,72)
```
#314c1f
```
#314c1f rgb(49,76,31)
```
#241f4c
```
#241f4c rgb(36,31,76)
```

Split Complementary Color

#0e1609
```
#0e1609 rgb(14,22,9)
```
#1a2810
```
#1a2810 rgb(26,40,16)
```
#253a18
```
#253a18 rgb(37,58,24)
```
#314c1f
```
#314c1f rgb(49,76,31)
```
#3d5e26
```
#3d5e26 rgb(61,94,38)
```
#48702e
```
#48702e rgb(72,112,46)
```
#548235
```
#548235 rgb(84,130,53)
```

Monochromatic Color

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

#3c4c1f
```
#3c4c1f rgb(60,76,31)
```
#394c1f
```
#394c1f rgb(57,76,31)
```
#354c1f
```
#354c1f rgb(53,76,31)
```
#314c1f
```
#314c1f rgb(49,76,31)
```
#2d4c1f
```
#2d4c1f rgb(45,76,31)
```
#2a4c1f
```
#2a4c1f rgb(42,76,31)
```
#264c1f
```
#264c1f rgb(38,76,31)
```

Similar Colors

Text with hexadecimal color #314c1f

This text has a font color of #314c1f.

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

#314c1f background color

This paragraph has a background color of #314c1f.

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

#314c1f border color

This element has a border color of #314c1f.

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

CSS codes

.text {color:#314c1f;}

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

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

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

#040603
```
#040603 rgb(4,6,3)
```
#0d1408
```
#0d1408 rgb(13,20,8)
```
#16220e
```
#16220e rgb(22,34,14)
```
#1f3014
```
#1f3014 rgb(31,48,20)
```
#283e19
```
#283e19 rgb(40,62,25)
```
#314c1f
```
#314c1f rgb(49,76,31)
```
#3a5a25
```
#3a5a25 rgb(58,90,37)
```
#43682a
```
#43682a rgb(67,104,42)
```
#4c7630
```
#4c7630 rgb(76,118,48)
```
#558436
```
#558436 rgb(85,132,54)
```
#5e923b
```
#5e923b rgb(94,146,59)
```
#67a041
```
#67a041 rgb(103,160,65)
```
#70ae47
```
#70ae47 rgb(112,174,71)
```

Shade Color Variation

#7ab850
```
#7ab850 rgb(122,184,80)
```
#84bd5e
```
#84bd5e rgb(132,189,94)
```
#8fc36c
```
#8fc36c rgb(143,195,108)
```
#9ac97a
```
#9ac97a rgb(154,201,122)
```
#a4ce88
```
#a4ce88 rgb(164,206,136)
```
#afd496
```
#afd496 rgb(175,212,150)
```
#b9daa4
```
#b9daa4 rgb(185,218,164)
```
#c4dfb2
```
#c4dfb2 rgb(196,223,178)
```
#cfe5c0
```
#cfe5c0 rgb(207,229,192)
```
#d9ebce
```
#d9ebce rgb(217,235,206)
```
#e4f1dc
```
#e4f1dc rgb(228,241,220)
```
#eff6e9
```
#eff6e9 rgb(239,246,233)
```
#f9fcf7
```
#f9fcf7 rgb(249,252,247)
```

Tint Color Variation

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

#353734
```
#353734 rgb(53,55,52)
```
#343c2f
```
#343c2f rgb(52,60,47)
```
#33402b
```
#33402b rgb(51,64,43)
```
#334427
```
#334427 rgb(51,68,39)
```
#324823
```
#324823 rgb(50,72,35)
```
#314c1f
```
#314c1f rgb(49,76,31)
```
#30501b
```
#30501b rgb(48,80,27)
```
#2f5417
```
#2f5417 rgb(47,84,23)
```
#2f5813
```
#2f5813 rgb(47,88,19)
```
#2e5c0f
```
#2e5c0f rgb(46,92,15)
```
#2d610a
```
#2d610a rgb(45,97,10)
```
#2c6506
```
#2c6506 rgb(44,101,6)
```
#2b6902
```
#2b6902 rgb(43,105,2)
```

Tone Color Variation

Below, you can see how #314c1f 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
#3c4239 Atypical Achromatopsia 0.001% of the population

Dichromacy

#564e28 Protanopia 1% of men
#5f4b2e Deuteranopia 1% of men
#435056 Tritanopia 0.001% of the population

Trichromacy

#484d25 Protanomaly 1% of men, 0.01% of women
#4e4b28 Deuteranomaly 6% of men, 0.4% of women
#3c4e42 Tritanomaly 0.01% of the population