#313e18 hex color

In a RGB color space, hex #313e18 is composed of 19.2% red, 24.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 0% magenta, 61.3% yellow and 75.7% black. It has a hue angle of 80.5 degrees, a saturation of 44.2% and a lightness of 16.9%. #313e18 color hex could be obtained by blending #627c30 with #000000. Closest websafe color is: #333300.

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

● #313e18 color description : Very dark green.

The hexadecimal color #313e18 has RGB values of R:49, G:62, B:24 and CMYK values of C:0.21, M:0, Y:0.61, K:0.76. Its decimal value is 3227160.

Hex triplet	313e18	`#313e18`
RGB Decimal	49, 62, 24	`rgb(49,62,24)`
RGB Percent	19.2, 24.3, 9.4	`rgb(19.2%,24.3%,9.4%)`
CMYK	21, 0, 61, 76
HSL	80.5°, 44.2, 16.9	`hsl(80.5,44.2%,16.9%)`
HSV (or HSB)	80.5°, 61.3, 24.3
Web Safe	333300	`#333300`

CIE-LAB	24.207, -12.63, 21.359
XYZ	3.154, 4.164, 1.502
xyY	0.358, 0.472, 4.164
CIE-LCH	24.207, 24.814, 120.597
CIE-LUV	24.207, -5.639, 20.809
Hunter-Lab	20.406, -8.121, 9.921
Binary	00110001, 00111110, 00011000

#313e18
```
#313e18 rgb(49,62,24)
```
#25183e
```
#25183e rgb(37,24,62)
```

Complementary Color

#3e3818
```
#3e3818 rgb(62,56,24)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#1e3e18
```
#1e3e18 rgb(30,62,24)
```

Analogous Color

#38183e
```
#38183e rgb(56,24,62)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#181e3e
```
#181e3e rgb(24,30,62)
```

Split Complementary Color

#3e1831
```
#3e1831 rgb(62,24,49)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#18313e
```
#18313e rgb(24,49,62)
```

Triadic Color

#3e2518
```
#3e2518 rgb(62,37,24)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#18313e
```
#18313e rgb(24,49,62)
```
#25183e
```
#25183e rgb(37,24,62)
```

Tetradic Color

#050703
```
#050703 rgb(5,7,3)
```
#14190a
```
#14190a rgb(20,25,10)
```
#222c11
```
#222c11 rgb(34,44,17)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#40501f
```
#40501f rgb(64,80,31)
```
#4e6326
```
#4e6326 rgb(78,99,38)
```
#5d752d
```
#5d752d rgb(93,117,45)
```

Monochromatic Color

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

#3b3e18
```
#3b3e18 rgb(59,62,24)
```
#373e18
```
#373e18 rgb(55,62,24)
```
#343e18
```
#343e18 rgb(52,62,24)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#2e3e18
```
#2e3e18 rgb(46,62,24)
```
#2b3e18
```
#2b3e18 rgb(43,62,24)
```
#283e18
```
#283e18 rgb(40,62,24)
```

Similar Colors

Text with hexadecimal color #313e18

This text has a font color of #313e18.

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

#313e18 background color

This paragraph has a background color of #313e18.

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

#313e18 border color

This element has a border color of #313e18.

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

CSS codes

.text {color:#313e18;}

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

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

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

#040502
```
#040502 rgb(4,5,2)
```
#0f1408
```
#0f1408 rgb(15,20,8)
```
#1b220d
```
#1b220d rgb(27,34,13)
```
#263013
```
#263013 rgb(38,48,19)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#3c4c1d
```
#3c4c1d rgb(60,76,29)
```
#475a23
```
#475a23 rgb(71,90,35)
```
#536828
```
#536828 rgb(83,104,40)
```
#5e772e
```
#5e772e rgb(94,119,46)
```
#698533
```
#698533 rgb(105,133,51)
```
#749339
```
#749339 rgb(116,147,57)
```
#7fa13e
```
#7fa13e rgb(127,161,62)
```
#8aaf44
```
#8aaf44 rgb(138,175,68)
```

Shade Color Variation

#95ba4d
```
#95ba4d rgb(149,186,77)
```
#9dbf5b
```
#9dbf5b rgb(157,191,91)
```
#a5c569
```
#a5c569 rgb(165,197,105)
```
#aeca77
```
#aeca77 rgb(174,202,119)
```
#b6d085
```
#b6d085 rgb(182,208,133)
```
#bfd593
```
#bfd593 rgb(191,213,147)
```
#c7dba1
```
#c7dba1 rgb(199,219,161)
```
#d0e0b0
```
#d0e0b0 rgb(208,224,176)
```
#d8e6be
```
#d8e6be rgb(216,230,190)
```
#e0ebcc
```
#e0ebcc rgb(224,235,204)
```
#e9f1da
```
#e9f1da rgb(233,241,218)
```
#f1f6e8
```
#f1f6e8 rgb(241,246,232)
```
#fafcf6
```
#fafcf6 rgb(250,252,246)
```

Tint Color Variation

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

#2c2d29
```
#2c2d29 rgb(44,45,41)
```
#2d3125
```
#2d3125 rgb(45,49,37)
```
#2e3422
```
#2e3422 rgb(46,52,34)
```
#2f371f
```
#2f371f rgb(47,55,31)
```
#303b1b
```
#303b1b rgb(48,59,27)
```
#313e18
```
#313e18 rgb(49,62,24)
```
#324115
```
#324115 rgb(50,65,21)
```
#334511
```
#334511 rgb(51,69,17)
```
#34480e
```
#34480e rgb(52,72,14)
```
#354b0b
```
#354b0b rgb(53,75,11)
```
#364f07
```
#364f07 rgb(54,79,7)
```
#375204
```
#375204 rgb(55,82,4)
```
#385501
```
#385501 rgb(56,85,1)
```

Tone Color Variation

Below, you can see how #313e18 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
#353830 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4322 Protanopia 1% of men
#524026 Deuteranopia 1% of men
#414448 Tritanopia 0.001% of the population

Trichromacy

#41411e Protanomaly 1% of men, 0.01% of women
#463f21 Deuteranomaly 6% of men, 0.4% of women
#3b4137 Tritanomaly 0.01% of the population

#313e18 hex color

#313e18 Color Information

#313e18 Color Conversion

Color Schemes with #313e18

Alternatives to #313e18

#313e18 Preview

Shades and Tints of #313e18

Tones of #313e18

Color Blindness Simulator