#313c4b hex color

In a RGB color space, hex #313c4b is composed of 19.2% red, 23.5% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 34.7% cyan, 20% magenta, 0% yellow and 70.6% black. It has a hue angle of 214.6 degrees, a saturation of 21% and a lightness of 24.3%. #313c4b color hex could be obtained by blending #627896 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 24
- B 29
RGB color chart
- C 35
- M 20
- Y 0
- K 71
CMYK color chart

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

The hexadecimal color #313c4b has RGB values of R:49, G:60, B:75 and CMYK values of C:0.35, M:0.2, Y:0, K:0.71. Its decimal value is 3226699.

Hex triplet	313c4b	`#313c4b`
RGB Decimal	49, 60, 75	`rgb(49,60,75)`
RGB Percent	19.2, 23.5, 29.4	`rgb(19.2%,23.5%,29.4%)`
CMYK	35, 20, 0, 71
HSL	214.6°, 21, 24.3	`hsl(214.6,21%,24.3%)`
HSV (or HSB)	214.6°, 34.7, 29.4
Web Safe	333333	`#333333`

CIE-LAB	24.929, -0.322, -10.627
XYZ	4.152, 4.393, 7.285
xyY	0.262, 0.277, 4.393
CIE-LCH	24.929, 10.632, 268.266
CIE-LUV	24.929, -5.544, -12.362
Hunter-Lab	20.958, -1.314, -5.939
Binary	00110001, 00111100, 01001011

#313c4b
```
#313c4b rgb(49,60,75)
```
#4b4031
```
#4b4031 rgb(75,64,49)
```

Complementary Color

#31494b
```
#31494b rgb(49,73,75)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#33314b
```
#33314b rgb(51,49,75)
```

Analogous Color

#494b31
```
#494b31 rgb(73,75,49)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#4b3331
```
#4b3331 rgb(75,51,49)
```

Split Complementary Color

#3c4b31
```
#3c4b31 rgb(60,75,49)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#4b313c
```
#4b313c rgb(75,49,60)
```

Triadic Color

#314b40
```
#314b40 rgb(49,75,64)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#4b313c
```
#4b313c rgb(75,49,60)
```
#4b4031
```
#4b4031 rgb(75,64,49)
```

Tetradic Color

#13171d
```
#13171d rgb(19,23,29)
```
#1d232c
```
#1d232c rgb(29,35,44)
```
#27303c
```
#27303c rgb(39,48,60)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#3b485a
```
#3b485a rgb(59,72,90)
```
#45556a
```
#45556a rgb(69,85,106)
```
#4f6179
```
#4f6179 rgb(79,97,121)
```

Monochromatic Color

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

#31434b
```
#31434b rgb(49,67,75)
```
#31404b
```
#31404b rgb(49,64,75)
```
#313e4b
```
#313e4b rgb(49,62,75)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#313a4b
```
#313a4b rgb(49,58,75)
```
#31384b
```
#31384b rgb(49,56,75)
```
#31364b
```
#31364b rgb(49,54,75)
```

Similar Colors

Text with hexadecimal color #313c4b

This text has a font color of #313c4b.

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

#313c4b background color

This paragraph has a background color of #313c4b.

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

#313c4b border color

This element has a border color of #313c4b.

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

CSS codes

.text {color:#313c4b;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#0a0d10
```
#0a0d10 rgb(10,13,16)
```
#12161c
```
#12161c rgb(18,22,28)
```
#1a2027
```
#1a2027 rgb(26,32,39)
```
#212933
```
#212933 rgb(33,41,51)
```
#29333f
```
#29333f rgb(41,51,63)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#394557
```
#394557 rgb(57,69,87)
```
#414f63
```
#414f63 rgb(65,79,99)
```
#48586f
```
#48586f rgb(72,88,111)
```
#50627a
```
#50627a rgb(80,98,122)
```
#586b86
```
#586b86 rgb(88,107,134)
```
#607592
```
#607592 rgb(96,117,146)
```

Shade Color Variation

#697f9d
```
#697f9d rgb(105,127,157)
```
#7489a4
```
#7489a4 rgb(116,137,164)
```
#8093ac
```
#8093ac rgb(128,147,172)
```
#8c9db4
```
#8c9db4 rgb(140,157,180)
```
#98a7bc
```
#98a7bc rgb(152,167,188)
```
#a4b1c3
```
#a4b1c3 rgb(164,177,195)
```
#b0bbcb
```
#b0bbcb rgb(176,187,203)
```
#bcc6d3
```
#bcc6d3 rgb(188,198,211)
```
#c7d0db
```
#c7d0db rgb(199,208,219)
```
#d3dae2
```
#d3dae2 rgb(211,218,226)
```
#dfe4ea
```
#dfe4ea rgb(223,228,234)
```
#ebeef2
```
#ebeef2 rgb(235,238,242)
```
#f7f8fa
```
#f7f8fa rgb(247,248,250)
```

Tint Color Variation

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

#3b3d41
```
#3b3d41 rgb(59,61,65)
```
#363d46
```
#363d46 rgb(54,61,70)
```
#313c4b
```
#313c4b rgb(49,60,75)
```
#2c3b50
```
#2c3b50 rgb(44,59,80)
```
#273b55
```
#273b55 rgb(39,59,85)
```
#233a59
```
#233a59 rgb(35,58,89)
```
#1e395e
```
#1e395e rgb(30,57,94)
```
#193863
```
#193863 rgb(25,56,99)
```
#143868
```
#143868 rgb(20,56,104)
```
#10376c
```
#10376c rgb(16,55,108)
```
#0b3671
```
#0b3671 rgb(11,54,113)
```
#063576
```
#063576 rgb(6,53,118)
```
#01357b
```
#01357b rgb(1,53,123)
```

Tone Color Variation

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

Dichromacy

#414453 Protanopia 1% of men
#434455 Deuteranopia 1% of men
#39474c Tritanopia 0.001% of the population

Trichromacy

#3b4150 Protanomaly 1% of men, 0.01% of women
#3c4151 Deuteranomaly 6% of men, 0.4% of women
#36434c Tritanomaly 0.01% of the population

#313c4b hex color

#313c4b Color Information

#313c4b Color Conversion

Color Schemes with #313c4b

Alternatives to #313c4b

#313c4b Preview

Shades and Tints of #313c4b

Tones of #313c4b

Color Blindness Simulator