#313a3e hex color

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

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

● #313a3e color description : Very dark grayish blue.

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

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

CIE-LAB	23.76, -2.705, -3.741
XYZ	3.649, 4.027, 5.142
xyY	0.285, 0.314, 4.027
CIE-LCH	23.76, 4.616, 234.132
CIE-LUV	23.76, -4.383, -3.812
Hunter-Lab	20.067, -2.658, -1.146
Binary	00110001, 00111010, 00111110

#313a3e
```
#313a3e rgb(49,58,62)
```
#3e3531
```
#3e3531 rgb(62,53,49)
```

Complementary Color

#313e3c
```
#313e3c rgb(49,62,60)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#31343e
```
#31343e rgb(49,52,62)
```

Analogous Color

#3e3c31
```
#3e3c31 rgb(62,60,49)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#3e3134
```
#3e3134 rgb(62,49,52)
```

Split Complementary Color

#3a3e31
```
#3a3e31 rgb(58,62,49)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#3e313a
```
#3e313a rgb(62,49,58)
```

Triadic Color

#313e35
```
#313e35 rgb(49,62,53)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#3e313a
```
#3e313a rgb(62,49,58)
```
#3e3531
```
#3e3531 rgb(62,53,49)
```

Tetradic Color

#0f1213
```
#0f1213 rgb(15,18,19)
```
#1a1f22
```
#1a1f22 rgb(26,31,34)
```
#262d30
```
#262d30 rgb(38,45,48)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#3c474c
```
#3c474c rgb(60,71,76)
```
#48555a
```
#48555a rgb(72,85,90)
```
#536269
```
#536269 rgb(83,98,105)
```

Monochromatic Color

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

#313d3e
```
#313d3e rgb(49,61,62)
```
#313c3e
```
#313c3e rgb(49,60,62)
```
#313b3e
```
#313b3e rgb(49,59,62)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#31393e
```
#31393e rgb(49,57,62)
```
#31383e
```
#31383e rgb(49,56,62)
```
#31373e
```
#31373e rgb(49,55,62)
```

Similar Colors

Text with hexadecimal color #313a3e

This text has a font color of #313a3e.

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

#313a3e background color

This paragraph has a background color of #313a3e.

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

#313a3e border color

This element has a border color of #313a3e.

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

CSS codes

.text {color:#313a3e;}

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

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

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)
```
#0e1112
```
#0e1112 rgb(14,17,18)
```
#171b1d
```
#171b1d rgb(23,27,29)
```
#202628
```
#202628 rgb(32,38,40)
```
#283033
```
#283033 rgb(40,48,51)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#3a4449
```
#3a4449 rgb(58,68,73)
```
#424e54
```
#424e54 rgb(66,78,84)
```
#4b595f
```
#4b595f rgb(75,89,95)
```
#54636a
```
#54636a rgb(84,99,106)
```
#5c6d75
```
#5c6d75 rgb(92,109,117)
```
#657780
```
#657780 rgb(101,119,128)
```
#6e828b
```
#6e828b rgb(110,130,139)
```

Shade Color Variation

#788b94
```
#788b94 rgb(120,139,148)
```
#83959d
```
#83959d rgb(131,149,157)
```
#8e9ea5
```
#8e9ea5 rgb(142,158,165)
```
#99a8ae
```
#99a8ae rgb(153,168,174)
```
#a4b1b7
```
#a4b1b7 rgb(164,177,183)
```
#afbabf
```
#afbabf rgb(175,186,191)
```
#bac4c8
```
#bac4c8 rgb(186,196,200)
```
#c4cdd1
```
#c4cdd1 rgb(196,205,209)
```
#cfd6d9
```
#cfd6d9 rgb(207,214,217)
```
#dae0e2
```
#dae0e2 rgb(218,224,226)
```
#e5e9eb
```
#e5e9eb rgb(229,233,235)
```
#f0f2f3
```
#f0f2f3 rgb(240,242,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#35383a
```
#35383a rgb(53,56,58)
```
#313a3e
```
#313a3e rgb(49,58,62)
```
#2d3c42
```
#2d3c42 rgb(45,60,66)
```
#283d47
```
#283d47 rgb(40,61,71)
```
#243f4b
```
#243f4b rgb(36,63,75)
```
#20414f
```
#20414f rgb(32,65,79)
```
#1c4253
```
#1c4253 rgb(28,66,83)
```
#174458
```
#174458 rgb(23,68,88)
```
#13455c
```
#13455c rgb(19,69,92)
```
#0f4760
```
#0f4760 rgb(15,71,96)
```
#0b4964
```
#0b4964 rgb(11,73,100)
```
#064a69
```
#064a69 rgb(6,74,105)
```
#024c6d
```
#024c6d rgb(2,76,109)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#373839 Atypical Achromatopsia 0.001% of the population

Dichromacy

#424247 Protanopia 1% of men
#464149 Deuteranopia 1% of men
#3b4449 Tritanopia 0.001% of the population

Trichromacy

#3c3f43 Protanomaly 1% of men, 0.01% of women
#3e3e45 Deuteranomaly 6% of men, 0.4% of women
#374045 Tritanomaly 0.01% of the population

#313a3e hex color

#313a3e Color Information

#313a3e Color Conversion

Color Schemes with #313a3e

Alternatives to #313a3e

#313a3e Preview

Shades and Tints of #313a3e

Tones of #313a3e

Color Blindness Simulator