#314b22 hex color

In a RGB color space, hex #314b22 is composed of 19.2% red, 29.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 0% magenta, 54.7% yellow and 70.6% black. It has a hue angle of 98 degrees, a saturation of 37.6% and a lightness of 21.4%. #314b22 color hex could be obtained by blending #629644 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 29
- B 13
RGB color chart
- C 35
- M 0
- Y 55
- K 71
CMYK color chart

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

The hexadecimal color #314b22 has RGB values of R:49, G:75, B:34 and CMYK values of C:0.35, M:0, Y:0.55, K:0.71. Its decimal value is 3230498.

Hex triplet	314b22	`#314b22`
RGB Decimal	49, 75, 34	`rgb(49,75,34)`
RGB Percent	19.2, 29.4, 13.3	`rgb(19.2%,29.4%,13.3%)`
CMYK	35, 0, 55, 71
HSL	98°, 37.6, 21.4	`hsl(98,37.6%,21.4%)`
HSV (or HSB)	98°, 54.7, 29.4
Web Safe	333333	`#333333`

CIE-LAB	28.903, -18.604, 21.2
XYZ	4.071, 5.8, 2.418
xyY	0.331, 0.472, 5.8
CIE-LCH	28.903, 28.206, 131.268
CIE-LUV	28.903, -12.109, 23.504
Hunter-Lab	24.084, -11.973, 10.905
Binary	00110001, 01001011, 00100010

#314b22
```
#314b22 rgb(49,75,34)
```
#3c224b
```
#3c224b rgb(60,34,75)
```

Complementary Color

#464b22
```
#464b22 rgb(70,75,34)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#224b28
```
#224b28 rgb(34,75,40)
```

Analogous Color

#4b2246
```
#4b2246 rgb(75,34,70)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#28224b
```
#28224b rgb(40,34,75)
```

Split Complementary Color

#4b2231
```
#4b2231 rgb(75,34,49)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#22314b
```
#22314b rgb(34,49,75)
```

Triadic Color

#4b3c22
```
#4b3c22 rgb(75,60,34)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#22314b
```
#22314b rgb(34,49,75)
```
#3c224b
```
#3c224b rgb(60,34,75)
```

Tetradic Color

#0f160a
```
#0f160a rgb(15,22,10)
```
#1a2812
```
#1a2812 rgb(26,40,18)
```
#26391a
```
#26391a rgb(38,57,26)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#3c5d2a
```
#3c5d2a rgb(60,93,42)
```
#486e32
```
#486e32 rgb(72,110,50)
```
#53803a
```
#53803a rgb(83,128,58)
```

Monochromatic Color

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

#3b4b22
```
#3b4b22 rgb(59,75,34)
```
#384b22
```
#384b22 rgb(56,75,34)
```
#344b22
```
#344b22 rgb(52,75,34)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#2e4b22
```
#2e4b22 rgb(46,75,34)
```
#2a4b22
```
#2a4b22 rgb(42,75,34)
```
#274b22
```
#274b22 rgb(39,75,34)
```

Similar Colors

Text with hexadecimal color #314b22

This text has a font color of #314b22.

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

#314b22 background color

This paragraph has a background color of #314b22.

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

#314b22 border color

This element has a border color of #314b22.

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

CSS codes

.text {color:#314b22;}

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

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

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

#050803
```
#050803 rgb(5,8,3)
```
#0e150a
```
#0e150a rgb(14,21,10)
```
#172310
```
#172310 rgb(23,35,16)
```
#1f3016
```
#1f3016 rgb(31,48,22)
```
#283e1c
```
#283e1c rgb(40,62,28)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#3a5828
```
#3a5828 rgb(58,88,40)
```
#43662e
```
#43662e rgb(67,102,46)
```
#4b7334
```
#4b7334 rgb(75,115,52)
```
#54813a
```
#54813a rgb(84,129,58)
```
#5d8e41
```
#5d8e41 rgb(93,142,65)
```
#669c47
```
#669c47 rgb(102,156,71)
```
#6fa94d
```
#6fa94d rgb(111,169,77)
```

Shade Color Variation

#79b357
```
#79b357 rgb(121,179,87)
```
#83b965
```
#83b965 rgb(131,185,101)
```
#8ebf72
```
#8ebf72 rgb(142,191,114)
```
#99c580
```
#99c580 rgb(153,197,128)
```
#a4cb8d
```
#a4cb8d rgb(164,203,141)
```
#afd19b
```
#afd19b rgb(175,209,155)
```
#b9d8a8
```
#b9d8a8 rgb(185,216,168)
```
#c4deb6
```
#c4deb6 rgb(196,222,182)
```
#cfe4c3
```
#cfe4c3 rgb(207,228,195)
```
#daead1
```
#daead1 rgb(218,234,209)
```
#e5f0de
```
#e5f0de rgb(229,240,222)
```
#eff6ec
```
#eff6ec rgb(239,246,236)
```
#fafcf9
```
#fafcf9 rgb(250,252,249)
```

Tint Color Variation

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

#353a33
```
#353a33 rgb(53,58,51)
```
#343e2f
```
#343e2f rgb(52,62,47)
```
#33432a
```
#33432a rgb(51,67,42)
```
#324726
```
#324726 rgb(50,71,38)
```
#314b22
```
#314b22 rgb(49,75,34)
```
#304f1e
```
#304f1e rgb(48,79,30)
```
#2f531a
```
#2f531a rgb(47,83,26)
```
#2e5815
```
#2e5815 rgb(46,88,21)
```
#2d5c11
```
#2d5c11 rgb(45,92,17)
```
#2b600d
```
#2b600d rgb(43,96,13)
```
#2a6409
```
#2a6409 rgb(42,100,9)
```
#296805
```
#296805 rgb(41,104,5)
```
#286d00
```
#286d00 rgb(40,109,0)
```

Tone Color Variation

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

Dichromacy

#554d2b Protanopia 1% of men
#5d4a30 Deuteranopia 1% of men
#434f55 Tritanopia 0.001% of the population

Trichromacy

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

#314b22 hex color

#314b22 Color Information

#314b22 Color Conversion

Color Schemes with #314b22

Alternatives to #314b22

#314b22 Preview

Shades and Tints of #314b22

Tones of #314b22

Color Blindness Simulator