#313e3a hex color

In a RGB color space, hex #313e3a is composed of 19.2% red, 24.3% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 21% cyan, 0% magenta, 6.5% yellow and 75.7% black. It has a hue angle of 161.5 degrees, a saturation of 11.7% and a lightness of 21.8%. #313e3a color hex could be obtained by blending #627c74 with #000000. Closest websafe color is: #333333.

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

● #313e3a color description : Very dark grayish cyan - lime green.

The hexadecimal color #313e3a has RGB values of R:49, G:62, B:58 and CMYK values of C:0.21, M:0, Y:0.06, K:0.76. Its decimal value is 3227194.

Hex triplet	313e3a	`#313e3a`
RGB Decimal	49, 62, 58	`rgb(49,62,58)`
RGB Percent	19.2, 24.3, 22.7	`rgb(19.2%,24.3%,22.7%)`
CMYK	21, 0, 6, 76
HSL	161.5°, 11.7, 21.8	`hsl(161.5,11.7%,21.8%)`
HSV (or HSB)	161.5°, 21, 24.3
Web Safe	333333	`#333333`

CIE-LAB	24.963, -6.307, 0.693
XYZ	3.753, 4.404, 4.655
xyY	0.293, 0.344, 4.404
CIE-LCH	24.963, 6.345, 173.729
CIE-LUV	24.963, -6.052, 1.546
Hunter-Lab	20.985, -4.802, 1.537
Binary	00110001, 00111110, 00111010

#313e3a
```
#313e3a rgb(49,62,58)
```
#3e3135
```
#3e3135 rgb(62,49,53)
```

Complementary Color

#313e34
```
#313e34 rgb(49,62,52)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#313c3e
```
#313c3e rgb(49,60,62)
```

Analogous Color

#3e3431
```
#3e3431 rgb(62,52,49)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#3e313c
```
#3e313c rgb(62,49,60)
```

Split Complementary Color

#3e3a31
```
#3e3a31 rgb(62,58,49)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#3a313e
```
#3a313e rgb(58,49,62)
```

Triadic Color

#353e31
```
#353e31 rgb(53,62,49)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#3a313e
```
#3a313e rgb(58,49,62)
```
#3e3135
```
#3e3135 rgb(62,49,53)
```

Tetradic Color

#0f1312
```
#0f1312 rgb(15,19,18)
```
#1a221f
```
#1a221f rgb(26,34,31)
```
#26302d
```
#26302d rgb(38,48,45)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#3c4c47
```
#3c4c47 rgb(60,76,71)
```
#485a55
```
#485a55 rgb(72,90,85)
```
#536962
```
#536962 rgb(83,105,98)
```

Monochromatic Color

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

#313e37
```
#313e37 rgb(49,62,55)
```
#313e38
```
#313e38 rgb(49,62,56)
```
#313e39
```
#313e39 rgb(49,62,57)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#313e3b
```
#313e3b rgb(49,62,59)
```
#313e3c
```
#313e3c rgb(49,62,60)
```
#313e3d
```
#313e3d rgb(49,62,61)
```

Similar Colors

Text with hexadecimal color #313e3a

This text has a font color of #313e3a.

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

#313e3a background color

This paragraph has a background color of #313e3a.

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

#313e3a border color

This element has a border color of #313e3a.

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

CSS codes

.text {color:#313e3a;}

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

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

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

#060707
```
#060707 rgb(6,7,7)
```
#0e1211
```
#0e1211 rgb(14,18,17)
```
#171d1b
```
#171d1b rgb(23,29,27)
```
#202826
```
#202826 rgb(32,40,38)
```
#283330
```
#283330 rgb(40,51,48)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#3a4944
```
#3a4944 rgb(58,73,68)
```
#42544e
```
#42544e rgb(66,84,78)
```
#4b5f59
```
#4b5f59 rgb(75,95,89)
```
#546a63
```
#546a63 rgb(84,106,99)
```
#5c756d
```
#5c756d rgb(92,117,109)
```
#658077
```
#658077 rgb(101,128,119)
```
#6e8b82
```
#6e8b82 rgb(110,139,130)
```

Shade Color Variation

#78948b
```
#78948b rgb(120,148,139)
```
#839d95
```
#839d95 rgb(131,157,149)
```
#8ea59e
```
#8ea59e rgb(142,165,158)
```
#99aea8
```
#99aea8 rgb(153,174,168)
```
#a4b7b1
```
#a4b7b1 rgb(164,183,177)
```
#afbfba
```
#afbfba rgb(175,191,186)
```
#bac8c4
```
#bac8c4 rgb(186,200,196)
```
#c4d1cd
```
#c4d1cd rgb(196,209,205)
```
#cfd9d6
```
#cfd9d6 rgb(207,217,214)
```
#dae2e0
```
#dae2e0 rgb(218,226,224)
```
#e5ebe9
```
#e5ebe9 rgb(229,235,233)
```
#f0f3f2
```
#f0f3f2 rgb(240,243,242)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#353a38
```
#353a38 rgb(53,58,56)
```
#313e3a
```
#313e3a rgb(49,62,58)
```
#2d423c
```
#2d423c rgb(45,66,60)
```
#28473d
```
#28473d rgb(40,71,61)
```
#244b3f
```
#244b3f rgb(36,75,63)
```
#204f41
```
#204f41 rgb(32,79,65)
```
#1c5342
```
#1c5342 rgb(28,83,66)
```
#175844
```
#175844 rgb(23,88,68)
```
#135c45
```
#135c45 rgb(19,92,69)
```
#0f6047
```
#0f6047 rgb(15,96,71)
```
#0b6449
```
#0b6449 rgb(11,100,73)
```
#06694a
```
#06694a rgb(6,105,74)
```
#026d4c
```
#026d4c rgb(2,109,76)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#383b3a Atypical Achromatopsia 0.001% of the population

Dichromacy

#474542 Protanopia 1% of men
#4b4345 Deuteranopia 1% of men
#3d464b Tritanopia 0.001% of the population

Trichromacy

#3f423f Protanomaly 1% of men, 0.01% of women
#414141 Deuteranomaly 6% of men, 0.4% of women
#384345 Tritanomaly 0.01% of the population

#313e3a hex color

#313e3a Color Information

#313e3a Color Conversion

Color Schemes with #313e3a

Alternatives to #313e3a

#313e3a Preview

Shades and Tints of #313e3a

Tones of #313e3a

Color Blindness Simulator