#313856 hex color

In a RGB color space, hex #313856 is composed of 19.2% red, 22% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 34.9% magenta, 0% yellow and 66.3% black. It has a hue angle of 228.6 degrees, a saturation of 27.4% and a lightness of 26.5%. #313856 color hex could be obtained by blending #6270ac with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 22
- B 34
RGB color chart
- C 43
- M 35
- Y 0
- K 66
CMYK color chart

● #313856 color description : Very dark desaturated blue.

The hexadecimal color #313856 has RGB values of R:49, G:56, B:86 and CMYK values of C:0.43, M:0.35, Y:0, K:0.66. Its decimal value is 3225686.

Hex triplet	313856	`#313856`
RGB Decimal	49, 56, 86	`rgb(49,56,86)`
RGB Percent	19.2, 22, 33.7	`rgb(19.2%,22%,33.7%)`
CMYK	43, 35, 0, 66
HSL	228.6°, 27.4, 26.5	`hsl(228.6,27.4%,26.5%)`
HSV (or HSB)	228.6°, 43, 33.7
Web Safe	333366	`#333366`

CIE-LAB	24.171, 5.837, -19.056
XYZ	4.36, 4.153, 9.375
xyY	0.244, 0.232, 4.153
CIE-LCH	24.171, 19.93, 287.03
CIE-LUV	24.171, -4.347, -23.248
Hunter-Lab	20.379, 2.527, -13.011
Binary	00110001, 00111000, 01010110

#313856
```
#313856 rgb(49,56,86)
```
#564f31
```
#564f31 rgb(86,79,49)
```

Complementary Color

#314b56
```
#314b56 rgb(49,75,86)
```
#313856
```
#313856 rgb(49,56,86)
```
#3d3156
```
#3d3156 rgb(61,49,86)
```

Analogous Color

#4b5631
```
#4b5631 rgb(75,86,49)
```
#313856
```
#313856 rgb(49,56,86)
```
#563d31
```
#563d31 rgb(86,61,49)
```

Split Complementary Color

#385631
```
#385631 rgb(56,86,49)
```
#313856
```
#313856 rgb(49,56,86)
```
#563138
```
#563138 rgb(86,49,56)
```

Triadic Color

#31564f
```
#31564f rgb(49,86,79)
```
#313856
```
#313856 rgb(49,56,86)
```
#563138
```
#563138 rgb(86,49,56)
```
#564f31
```
#564f31 rgb(86,79,49)
```

Tetradic Color

#151825
```
#151825 rgb(21,24,37)
```
#1e2336
```
#1e2336 rgb(30,35,54)
```
#282d46
```
#282d46 rgb(40,45,70)
```
#313856
```
#313856 rgb(49,56,86)
```
#3a4366
```
#3a4366 rgb(58,67,102)
```
#444d76
```
#444d76 rgb(68,77,118)
```
#4d5887
```
#4d5887 rgb(77,88,135)
```

Monochromatic Color

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

#314156
```
#314156 rgb(49,65,86)
```
#313e56
```
#313e56 rgb(49,62,86)
```
#313b56
```
#313b56 rgb(49,59,86)
```
#313856
```
#313856 rgb(49,56,86)
```
#313556
```
#313556 rgb(49,53,86)
```
#313256
```
#313256 rgb(49,50,86)
```
#333156
```
#333156 rgb(51,49,86)
```

Similar Colors

Text with hexadecimal color #313856

This text has a font color of #313856.

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

#313856 background color

This paragraph has a background color of #313856.

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

#313856 border color

This element has a border color of #313856.

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

CSS codes

.text {color:#313856;}

.background {background-color:#313856;}

.border {border:1px solid #313856;}

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, #06070b is the darkest color, while #fefefe is the lightest one.

#06070b
```
#06070b rgb(6,7,11)
```
#0d0f18
```
#0d0f18 rgb(13,15,24)
```
#151724
```
#151724 rgb(21,23,36)
```
#1c2031
```
#1c2031 rgb(28,32,49)
```
#23283d
```
#23283d rgb(35,40,61)
```
#2a304a
```
#2a304a rgb(42,48,74)
```
#313856
```
#313856 rgb(49,56,86)
```
#384062
```
#384062 rgb(56,64,98)
```
#3f486f
```
#3f486f rgb(63,72,111)
```
#46507b
```
#46507b rgb(70,80,123)
```
#4d5988
```
#4d5988 rgb(77,89,136)
```
#556194
```
#556194 rgb(85,97,148)
```
#5c69a1
```
#5c69a1 rgb(92,105,161)
```

Shade Color Variation

#6874a9
```
#6874a9 rgb(104,116,169)
```
#747fb0
```
#747fb0 rgb(116,127,176)
```
#818bb7
```
#818bb7 rgb(129,139,183)
```
#8d96be
```
#8d96be rgb(141,150,190)
```
#9aa2c5
```
#9aa2c5 rgb(154,162,197)
```
#a6adcc
```
#a6adcc rgb(166,173,204)
```
#b3b9d3
```
#b3b9d3 rgb(179,185,211)
```
#bfc4db
```
#bfc4db rgb(191,196,219)
```
#ccd0e2
```
#ccd0e2 rgb(204,208,226)
```
#d8dbe9
```
#d8dbe9 rgb(216,219,233)
```
#e5e7f0
```
#e5e7f0 rgb(229,231,240)
```
#f1f2f7
```
#f1f2f7 rgb(241,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#414246
```
#414246 rgb(65,66,70)
```
#3b3e4c
```
#3b3e4c rgb(59,62,76)
```
#363b51
```
#363b51 rgb(54,59,81)
```
#313856
```
#313856 rgb(49,56,86)
```
#2c355b
```
#2c355b rgb(44,53,91)
```
#273260
```
#273260 rgb(39,50,96)
```
#212e66
```
#212e66 rgb(33,46,102)
```
#1c2b6b
```
#1c2b6b rgb(28,43,107)
```
#172870
```
#172870 rgb(23,40,112)
```
#122575
```
#122575 rgb(18,37,117)
```
#0d217a
```
#0d217a rgb(13,33,122)
```
#071e80
```
#071e80 rgb(7,30,128)
```
#021b85
```
#021b85 rgb(2,27,133)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#37393f Atypical Achromatopsia 0.001% of the population

Dichromacy

#39425f Protanopia 1% of men
#38435e Deuteranopia 1% of men
#35464b Tritanopia 0.001% of the population

Trichromacy

#363e5b Protanomaly 1% of men, 0.01% of women
#353f5b Deuteranomaly 6% of men, 0.4% of women
#34414f Tritanomaly 0.01% of the population

#313856 hex color

#313856 Color Information

#313856 Color Conversion

Color Schemes with #313856

Alternatives to #313856

#313856 Preview

Shades and Tints of #313856

Tones of #313856

Color Blindness Simulator