#313c18 hex color

In a RGB color space, hex #313c18 is composed of 19.2% red, 23.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 60% yellow and 76.5% black. It has a hue angle of 78.3 degrees, a saturation of 42.9% and a lightness of 16.5%. #313c18 color hex could be obtained by blending #627830 with #000000. Closest websafe color is: #333300.

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

● #313c18 color description : Very dark green.

The hexadecimal color #313c18 has RGB values of R:49, G:60, B:24 and CMYK values of C:0.18, M:0, Y:0.6, K:0.76. Its decimal value is 3226648.

Hex triplet	313c18	`#313c18`
RGB Decimal	49, 60, 24	`rgb(49,60,24)`
RGB Percent	19.2, 23.5, 9.4	`rgb(19.2%,23.5%,9.4%)`
CMYK	18, 0, 60, 76
HSL	78.3°, 42.9, 16.5	`hsl(78.3,42.9%,16.5%)`
HSV (or HSB)	78.3°, 60, 23.5
Web Safe	333300	`#333300`

CIE-LAB	23.507, -11.45, 20.536
XYZ	3.047, 3.951, 1.466
xyY	0.36, 0.467, 3.951
CIE-LCH	23.507, 23.512, 119.143
CIE-LUV	23.507, -4.616, 19.769
Hunter-Lab	19.876, -7.417, 9.54
Binary	00110001, 00111100, 00011000

#313c18
```
#313c18 rgb(49,60,24)
```
#23183c
```
#23183c rgb(35,24,60)
```

Complementary Color

#3c3518
```
#3c3518 rgb(60,53,24)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#1f3c18
```
#1f3c18 rgb(31,60,24)
```

Analogous Color

#35183c
```
#35183c rgb(53,24,60)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#181f3c
```
#181f3c rgb(24,31,60)
```

Split Complementary Color

#3c1831
```
#3c1831 rgb(60,24,49)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#18313c
```
#18313c rgb(24,49,60)
```

Triadic Color

#3c2318
```
#3c2318 rgb(60,35,24)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#18313c
```
#18313c rgb(24,49,60)
```
#23183c
```
#23183c rgb(35,24,60)
```

Tetradic Color

#040502
```
#040502 rgb(4,5,2)
```
#131809
```
#131809 rgb(19,24,9)
```
#222a11
```
#222a11 rgb(34,42,17)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#404e1f
```
#404e1f rgb(64,78,31)
```
#4f6027
```
#4f6027 rgb(79,96,39)
```
#5e732e
```
#5e732e rgb(94,115,46)
```

Monochromatic Color

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

#3a3c18
```
#3a3c18 rgb(58,60,24)
```
#373c18
```
#373c18 rgb(55,60,24)
```
#343c18
```
#343c18 rgb(52,60,24)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#2e3c18
```
#2e3c18 rgb(46,60,24)
```
#2b3c18
```
#2b3c18 rgb(43,60,24)
```
#283c18
```
#283c18 rgb(40,60,24)
```

Similar Colors

Text with hexadecimal color #313c18

This text has a font color of #313c18.

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

#313c18 background color

This paragraph has a background color of #313c18.

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

#313c18 border color

This element has a border color of #313c18.

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

CSS codes

.text {color:#313c18;}

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

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0f1207
```
#0f1207 rgb(15,18,7)
```
#1a200d
```
#1a200d rgb(26,32,13)
```
#262e12
```
#262e12 rgb(38,46,18)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#3c4a1e
```
#3c4a1e rgb(60,74,30)
```
#485823
```
#485823 rgb(72,88,35)
```
#536629
```
#536629 rgb(83,102,41)
```
#5f742e
```
#5f742e rgb(95,116,46)
```
#6a8234
```
#6a8234 rgb(106,130,52)
```
#76903a
```
#76903a rgb(118,144,58)
```
#819e3f
```
#819e3f rgb(129,158,63)
```
#8dac45
```
#8dac45 rgb(141,172,69)
```

Shade Color Variation

#97b84d
```
#97b84d rgb(151,184,77)
```
#9fbd5b
```
#9fbd5b rgb(159,189,91)
```
#a7c369
```
#a7c369 rgb(167,195,105)
```
#b0c977
```
#b0c977 rgb(176,201,119)
```
#b8ce85
```
#b8ce85 rgb(184,206,133)
```
#c0d493
```
#c0d493 rgb(192,212,147)
```
#c8d9a1
```
#c8d9a1 rgb(200,217,161)
```
#d0dfaf
```
#d0dfaf rgb(208,223,175)
```
#d8e5bd
```
#d8e5bd rgb(216,229,189)
```
#e1eacb
```
#e1eacb rgb(225,234,203)
```
#e9f0d9
```
#e9f0d9 rgb(233,240,217)
```
#f1f5e7
```
#f1f5e7 rgb(241,245,231)
```
#f9fbf5
```
#f9fbf5 rgb(249,251,245)
```

Tint Color Variation

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

#2b2c28
```
#2b2c28 rgb(43,44,40)
```
#2c2f25
```
#2c2f25 rgb(44,47,37)
```
#2d3222
```
#2d3222 rgb(45,50,34)
```
#2e361e
```
#2e361e rgb(46,54,30)
```
#30391b
```
#30391b rgb(48,57,27)
```
#313c18
```
#313c18 rgb(49,60,24)
```
#323f15
```
#323f15 rgb(50,63,21)
```
#344212
```
#344212 rgb(52,66,18)
```
#35460e
```
#35460e rgb(53,70,14)
```
#36490b
```
#36490b rgb(54,73,11)
```
#374c08
```
#374c08 rgb(55,76,8)
```
#394f05
```
#394f05 rgb(57,79,5)
```
#3a5301
```
#3a5301 rgb(58,83,1)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#34362f Atypical Achromatopsia 0.001% of the population

Dichromacy

#494222 Protanopia 1% of men
#503f26 Deuteranopia 1% of men
#404247 Tritanopia 0.001% of the population

Trichromacy

#40401e Protanomaly 1% of men, 0.01% of women
#443e21 Deuteranomaly 6% of men, 0.4% of women
#3b4035 Tritanomaly 0.01% of the population

#313c18 hex color

#313c18 Color Information

#313c18 Color Conversion

Color Schemes with #313c18

Alternatives to #313c18

#313c18 Preview

Shades and Tints of #313c18

Tones of #313c18

Color Blindness Simulator