#313c20 hex color

In a RGB color space, hex #313c20 is composed of 19.2% red, 23.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 46.7% yellow and 76.5% black. It has a hue angle of 83.6 degrees, a saturation of 30.4% and a lightness of 18%. #313c20 color hex could be obtained by blending #627840 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 24
- B 13
RGB color chart
- C 18
- M 0
- Y 47
- K 76
CMYK color chart

● #313c20 color description : Very dark desaturated green.

The hexadecimal color #313c20 has RGB values of R:49, G:60, B:32 and CMYK values of C:0.18, M:0, Y:0.47, K:0.76. Its decimal value is 3226656.

Hex triplet	313c20	`#313c20`
RGB Decimal	49, 60, 32	`rgb(49,60,32)`
RGB Percent	19.2, 23.5, 12.5	`rgb(19.2%,23.5%,12.5%)`
CMYK	18, 0, 47, 76
HSL	83.6°, 30.4, 18	`hsl(83.6,30.4%,18%)`
HSV (or HSB)	83.6°, 46.7, 23.5
Web Safe	333333	`#333333`

CIE-LAB	23.635, -10.351, 15.824
XYZ	3.143, 3.989, 1.971
xyY	0.345, 0.438, 3.989
CIE-LCH	23.635, 18.909, 123.19
CIE-LUV	23.635, -4.712, 16.221
Hunter-Lab	19.972, -6.86, 8.13
Binary	00110001, 00111100, 00100000

#313c20
```
#313c20 rgb(49,60,32)
```
#2b203c
```
#2b203c rgb(43,32,60)
```

Complementary Color

#3c3920
```
#3c3920 rgb(60,57,32)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#233c20
```
#233c20 rgb(35,60,32)
```

Analogous Color

#39203c
```
#39203c rgb(57,32,60)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#20233c
```
#20233c rgb(32,35,60)
```

Split Complementary Color

#3c2031
```
#3c2031 rgb(60,32,49)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#20313c
```
#20313c rgb(32,49,60)
```

Triadic Color

#3c2b20
```
#3c2b20 rgb(60,43,32)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#20313c
```
#20313c rgb(32,49,60)
```
#2b203c
```
#2b203c rgb(43,32,60)
```

Tetradic Color

#080a05
```
#080a05 rgb(8,10,5)
```
#161b0e
```
#161b0e rgb(22,27,14)
```
#232b17
```
#232b17 rgb(35,43,23)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#3f4d29
```
#3f4d29 rgb(63,77,41)
```
#4c5d32
```
#4c5d32 rgb(76,93,50)
```
#5a6e3b
```
#5a6e3b rgb(90,110,59)
```

Monochromatic Color

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

#383c20
```
#383c20 rgb(56,60,32)
```
#363c20
```
#363c20 rgb(54,60,32)
```
#333c20
```
#333c20 rgb(51,60,32)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#2f3c20
```
#2f3c20 rgb(47,60,32)
```
#2c3c20
```
#2c3c20 rgb(44,60,32)
```
#2a3c20
```
#2a3c20 rgb(42,60,32)
```

Similar Colors

Text with hexadecimal color #313c20

This text has a font color of #313c20.

<span style="color:#313c20;">Text here</span>

#313c20 background color

This paragraph has a background color of #313c20.

<p style="background-color:#313c20;">Content here</p>

#313c20 border color

This element has a border color of #313c20.

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

CSS codes

.text {color:#313c20;}

.background {background-color:#313c20;}

.border {border:1px solid #313c20;}

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

#070905
```
#070905 rgb(7,9,5)
```
#12160c
```
#12160c rgb(18,22,12)
```
#1c2212
```
#1c2212 rgb(28,34,18)
```
#272f19
```
#272f19 rgb(39,47,25)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#3b4927
```
#3b4927 rgb(59,73,39)
```
#46562e
```
#46562e rgb(70,86,46)
```
#506234
```
#506234 rgb(80,98,52)
```
#5b6f3b
```
#5b6f3b rgb(91,111,59)
```
#657c42
```
#657c42 rgb(101,124,66)
```
#708949
```
#708949 rgb(112,137,73)
```
#7a9650
```
#7a9650 rgb(122,150,80)
```
#85a257
```
#85a257 rgb(133,162,87)
```

Shade Color Variation

#8eab62
```
#8eab62 rgb(142,171,98)
```
#97b26e
```
#97b26e rgb(151,178,110)
```
#a0b97b
```
#a0b97b rgb(160,185,123)
```
#aabf88
```
#aabf88 rgb(170,191,136)
```
#b3c695
```
#b3c695 rgb(179,198,149)
```
#bccda1
```
#bccda1 rgb(188,205,161)
```
#c5d4ae
```
#c5d4ae rgb(197,212,174)
```
#cedbbb
```
#cedbbb rgb(206,219,187)
```
#d7e2c8
```
#d7e2c8 rgb(215,226,200)
```
#e1e8d5
```
#e1e8d5 rgb(225,232,213)
```
#eaefe1
```
#eaefe1 rgb(234,239,225)
```
#f3f6ee
```
#f3f6ee rgb(243,246,238)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#2f312b
```
#2f312b rgb(47,49,43)
```
#2f3527
```
#2f3527 rgb(47,53,39)
```
#303824
```
#303824 rgb(48,56,36)
```
#313c20
```
#313c20 rgb(49,60,32)
```
#32401c
```
#32401c rgb(50,64,28)
```
#334319
```
#334319 rgb(51,67,25)
```
#334715
```
#334715 rgb(51,71,21)
```
#344a12
```
#344a12 rgb(52,74,18)
```
#354e0e
```
#354e0e rgb(53,78,14)
```
#36510b
```
#36510b rgb(54,81,11)
```
#365507
```
#365507 rgb(54,85,7)
```
#375804
```
#375804 rgb(55,88,4)
```
#385c00
```
#385c00 rgb(56,92,0)
```

Tone Color Variation

Below, you can see how #313c20 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

#363636 Achromatopsia 0.005% of the population
#353732 Atypical Achromatopsia 0.001% of the population

Dichromacy

#48422a Protanopia 1% of men
#4f3f2d Deuteranopia 1% of men
#404247 Tritanopia 0.001% of the population

Trichromacy

#3f4026 Protanomaly 1% of men, 0.01% of women
#443e28 Deuteranomaly 6% of men, 0.4% of women
#3a4039 Tritanomaly 0.01% of the population

#313c20 hex color

#313c20 Color Information

#313c20 Color Conversion

Color Schemes with #313c20

Alternatives to #313c20

#313c20 Preview

Shades and Tints of #313c20

Tones of #313c20

Color Blindness Simulator