#313c51 hex color

In a RGB color space, hex #313c51 is composed of 19.2% red, 23.5% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 25.9% magenta, 0% yellow and 68.2% black. It has a hue angle of 219.4 degrees, a saturation of 24.6% and a lightness of 25.5%. #313c51 color hex could be obtained by blending #6278a2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 24
- B 32
RGB color chart
- C 40
- M 26
- Y 0
- K 68
CMYK color chart

● #313c51 color description : Very dark desaturated blue.

The hexadecimal color #313c51 has RGB values of R:49, G:60, B:81 and CMYK values of C:0.4, M:0.26, Y:0, K:0.68. Its decimal value is 3226705.

Hex triplet	313c51	`#313c51`
RGB Decimal	49, 60, 81	`rgb(49,60,81)`
RGB Percent	19.2, 23.5, 31.8	`rgb(19.2%,23.5%,31.8%)`
CMYK	40, 26, 0, 68
HSL	219.4°, 24.6, 25.5	`hsl(219.4,24.6%,25.5%)`
HSV (or HSB)	219.4°, 39.5, 31.8
Web Safe	333366	`#333366`

CIE-LAB	25.195, 1.524, -14.178
XYZ	4.367, 4.479, 8.418
xyY	0.253, 0.259, 4.479
CIE-LCH	25.195, 14.26, 276.136
CIE-LUV	25.195, -5.691, -17.013
Hunter-Lab	21.163, -0.198, -8.771
Binary	00110001, 00111100, 01010001

#313c51
```
#313c51 rgb(49,60,81)
```
#514631
```
#514631 rgb(81,70,49)
```

Complementary Color

#314c51
```
#314c51 rgb(49,76,81)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#363151
```
#363151 rgb(54,49,81)
```

Analogous Color

#4c5131
```
#4c5131 rgb(76,81,49)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#513631
```
#513631 rgb(81,54,49)
```

Split Complementary Color

#3c5131
```
#3c5131 rgb(60,81,49)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#51313c
```
#51313c rgb(81,49,60)
```

Triadic Color

#315146
```
#315146 rgb(49,81,70)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#51313c
```
#51313c rgb(81,49,60)
```
#514631
```
#514631 rgb(81,70,49)
```

Tetradic Color

#141921
```
#141921 rgb(20,25,33)
```
#1e2431
```
#1e2431 rgb(30,36,49)
```
#273041
```
#273041 rgb(39,48,65)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#3b4861
```
#3b4861 rgb(59,72,97)
```
#445471
```
#445471 rgb(68,84,113)
```
#4e5f81
```
#4e5f81 rgb(78,95,129)
```

Monochromatic Color

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

#314451
```
#314451 rgb(49,68,81)
```
#314151
```
#314151 rgb(49,65,81)
```
#313f51
```
#313f51 rgb(49,63,81)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#313951
```
#313951 rgb(49,57,81)
```
#313751
```
#313751 rgb(49,55,81)
```
#313451
```
#313451 rgb(49,52,81)
```

Similar Colors

Text with hexadecimal color #313c51

This text has a font color of #313c51.

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

#313c51 background color

This paragraph has a background color of #313c51.

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

#313c51 border color

This element has a border color of #313c51.

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

CSS codes

.text {color:#313c51;}

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

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0c0f14
```
#0c0f14 rgb(12,15,20)
```
#131820
```
#131820 rgb(19,24,32)
```
#1b212c
```
#1b212c rgb(27,33,44)
```
#222a39
```
#222a39 rgb(34,42,57)
```
#2a3345
```
#2a3345 rgb(42,51,69)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#38455d
```
#38455d rgb(56,69,93)
```
#404e69
```
#404e69 rgb(64,78,105)
```
#475776
```
#475776 rgb(71,87,118)
```
#4f6082
```
#4f6082 rgb(79,96,130)
```
#56698e
```
#56698e rgb(86,105,142)
```
#5d729a
```
#5d729a rgb(93,114,154)
```

Shade Color Variation

#687ca4
```
#687ca4 rgb(104,124,164)
```
#7487ab
```
#7487ab rgb(116,135,171)
```
#8091b2
```
#8091b2 rgb(128,145,178)
```
#8c9cba
```
#8c9cba rgb(140,156,186)
```
#99a7c1
```
#99a7c1 rgb(153,167,193)
```
#a5b1c8
```
#a5b1c8 rgb(165,177,200)
```
#b1bcd0
```
#b1bcd0 rgb(177,188,208)
```
#bdc6d7
```
#bdc6d7 rgb(189,198,215)
```
#cad1df
```
#cad1df rgb(202,209,223)
```
#d6dbe6
```
#d6dbe6 rgb(214,219,230)
```
#e2e6ed
```
#e2e6ed rgb(226,230,237)
```
#eef1f5
```
#eef1f5 rgb(238,241,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#404142
```
#404142 rgb(64,65,66)
```
#3b3f47
```
#3b3f47 rgb(59,63,71)
```
#363e4c
```
#363e4c rgb(54,62,76)
```
#313c51
```
#313c51 rgb(49,60,81)
```
#2c3a56
```
#2c3a56 rgb(44,58,86)
```
#27395b
```
#27395b rgb(39,57,91)
```
#223760
```
#223760 rgb(34,55,96)
```
#1d3665
```
#1d3665 rgb(29,54,101)
```
#18346a
```
#18346a rgb(24,52,106)
```
#13336f
```
#13336f rgb(19,51,111)
```
#0e3174
```
#0e3174 rgb(14,49,116)
```
#093079
```
#093079 rgb(9,48,121)
```
#042e7e
```
#042e7e rgb(4,46,126)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393b3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#404559 Protanopia 1% of men
#40445a Deuteranopia 1% of men
#38484d Tritanopia 0.001% of the population

Trichromacy

#3a4156 Protanomaly 1% of men, 0.01% of women
#3a4157 Deuteranomaly 6% of men, 0.4% of women
#35434e Tritanomaly 0.01% of the population

#313c51 hex color

#313c51 Color Information

#313c51 Color Conversion

Color Schemes with #313c51

Alternatives to #313c51

#313c51 Preview

Shades and Tints of #313c51

Tones of #313c51

Color Blindness Simulator