#313c2a hex color

In a RGB color space, hex #313c2a is composed of 19.2% red, 23.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 30% yellow and 76.5% black. It has a hue angle of 96.7 degrees, a saturation of 17.6% and a lightness of 20%. #313c2a color hex could be obtained by blending #627854 with #000000. Closest websafe color is: #333333.

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

● #313c2a color description : Very dark grayish green.

The hexadecimal color #313c2a has RGB values of R:49, G:60, B:42 and CMYK values of C:0.18, M:0, Y:0.3, K:0.76. Its decimal value is 3226666.

Hex triplet	313c2a	`#313c2a`
RGB Decimal	49, 60, 42	`rgb(49,60,42)`
RGB Percent	19.2, 23.5, 16.5	`rgb(19.2%,23.5%,16.5%)`
CMYK	18, 0, 30, 76
HSL	96.7°, 17.6, 20	`hsl(96.7,17.6%,20%)`
HSV (or HSB)	96.7°, 30, 23.5
Web Safe	333333	`#333333`

CIE-LAB	23.842, -8.612, 9.67
XYZ	3.3, 4.052, 2.799
xyY	0.325, 0.399, 4.052
CIE-LCH	23.842, 12.949, 131.689
CIE-LUV	23.842, -4.862, 10.796
Hunter-Lab	20.129, -5.96, 5.847
Binary	00110001, 00111100, 00101010

#313c2a
```
#313c2a rgb(49,60,42)
```
#352a3c
```
#352a3c rgb(53,42,60)
```

Complementary Color

#3a3c2a
```
#3a3c2a rgb(58,60,42)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#2a3c2c
```
#2a3c2c rgb(42,60,44)
```

Analogous Color

#3c2a3a
```
#3c2a3a rgb(60,42,58)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#2c2a3c
```
#2c2a3c rgb(44,42,60)
```

Split Complementary Color

#3c2a31
```
#3c2a31 rgb(60,42,49)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#2a313c
```
#2a313c rgb(42,49,60)
```

Triadic Color

#3c352a
```
#3c352a rgb(60,53,42)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#2a313c
```
#2a313c rgb(42,49,60)
```
#352a3c
```
#352a3c rgb(53,42,60)
```

Tetradic Color

#0c0f0b
```
#0c0f0b rgb(12,15,11)
```
#191e15
```
#191e15 rgb(25,30,21)
```
#252d20
```
#252d20 rgb(37,45,32)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#3d4b35
```
#3d4b35 rgb(61,75,53)
```
#4a5a3f
```
#4a5a3f rgb(74,90,63)
```
#56694a
```
#56694a rgb(86,105,74)
```

Monochromatic Color

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

#363c2a
```
#363c2a rgb(54,60,42)
```
#343c2a
```
#343c2a rgb(52,60,42)
```
#333c2a
```
#333c2a rgb(51,60,42)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#303c2a
```
#303c2a rgb(48,60,42)
```
#2e3c2a
```
#2e3c2a rgb(46,60,42)
```
#2d3c2a
```
#2d3c2a rgb(45,60,42)
```

Similar Colors

Text with hexadecimal color #313c2a

This text has a font color of #313c2a.

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

#313c2a background color

This paragraph has a background color of #313c2a.

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

#313c2a border color

This element has a border color of #313c2a.

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

CSS codes

.text {color:#313c2a;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0e0a
```
#0b0e0a rgb(11,14,10)
```
#151912
```
#151912 rgb(21,25,18)
```
#1e251a
```
#1e251a rgb(30,37,26)
```
#283022
```
#283022 rgb(40,48,34)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#3a4832
```
#3a4832 rgb(58,72,50)
```
#44533a
```
#44533a rgb(68,83,58)
```
#4d5f42
```
#4d5f42 rgb(77,95,66)
```
#576a4a
```
#576a4a rgb(87,106,74)
```
#607652
```
#607652 rgb(96,118,82)
```
#6a815a
```
#6a815a rgb(106,129,90)
```
#738d63
```
#738d63 rgb(115,141,99)
```

Shade Color Variation

#7d986b
```
#7d986b rgb(125,152,107)
```
#87a077
```
#87a077 rgb(135,160,119)
```
#91a882
```
#91a882 rgb(145,168,130)
```
#9bb08e
```
#9bb08e rgb(155,176,142)
```
#a5b899
```
#a5b899 rgb(165,184,153)
```
#b0c0a5
```
#b0c0a5 rgb(176,192,165)
```
#bac8b1
```
#bac8b1 rgb(186,200,177)
```
#c4d0bc
```
#c4d0bc rgb(196,208,188)
```
#ced8c8
```
#ced8c8 rgb(206,216,200)
```
#d8e0d3
```
#d8e0d3 rgb(216,224,211)
```
#e2e8df
```
#e2e8df rgb(226,232,223)
```
#edf0ea
```
#edf0ea rgb(237,240,234)
```
#f7f9f6
```
#f7f9f6 rgb(247,249,246)
```

Tint Color Variation

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

#333432
```
#333432 rgb(51,52,50)
```
#32382e
```
#32382e rgb(50,56,46)
```
#313c2a
```
#313c2a rgb(49,60,42)
```
#304026
```
#304026 rgb(48,64,38)
```
#2f4422
```
#2f4422 rgb(47,68,34)
```
#2e481e
```
#2e481e rgb(46,72,30)
```
#2e4c1a
```
#2e4c1a rgb(46,76,26)
```
#2d5016
```
#2d5016 rgb(45,80,22)
```
#2c5412
```
#2c5412 rgb(44,84,18)
```
#2b570f
```
#2b570f rgb(43,87,15)
```
#2a5b0b
```
#2a5b0b rgb(42,91,11)
```
#295f07
```
#295f07 rgb(41,95,7)
```
#286303
```
#286303 rgb(40,99,3)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363834 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474233 Protanopia 1% of men
#4d4036 Deuteranopia 1% of men
#3f4348 Tritanopia 0.001% of the population

Trichromacy

#3f4030 Protanomaly 1% of men, 0.01% of women
#433e32 Deuteranomaly 6% of men, 0.4% of women
#3a403d Tritanomaly 0.01% of the population

#313c2a hex color

#313c2a Color Information

#313c2a Color Conversion

Color Schemes with #313c2a

Alternatives to #313c2a

#313c2a Preview

Shades and Tints of #313c2a

Tones of #313c2a

Color Blindness Simulator