#313461 hex color

In a RGB color space, hex #313461 is composed of 19.2% red, 20.4% green and 38% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 46.4% magenta, 0% yellow and 62% black. It has a hue angle of 236.3 degrees, a saturation of 32.9% and a lightness of 28.6%. #313461 color hex could be obtained by blending #6268c2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 20
- B 38
RGB color chart
- C 49
- M 46
- Y 0
- K 62
CMYK color chart

● #313461 color description : Very dark desaturated blue.

The hexadecimal color #313461 has RGB values of R:49, G:52, B:97 and CMYK values of C:0.49, M:0.46, Y:0, K:0.62. Its decimal value is 3224673.

Hex triplet	313461	`#313461`
RGB Decimal	49, 52, 97	`rgb(49,52,97)`
RGB Percent	19.2, 20.4, 38	`rgb(19.2%,20.4%,38%)`
CMYK	49, 46, 0, 62
HSL	236.3°, 32.9, 28.6	`hsl(236.3,32.9%,28.6%)`
HSV (or HSB)	236.3°, 49.5, 38
Web Safe	333366	`#333366`

CIE-LAB	23.578, 12.298, -27.196
XYZ	4.652, 3.972, 11.83
xyY	0.227, 0.194, 3.972
CIE-LCH	23.578, 29.848, 294.332
CIE-LUV	23.578, -3.446, -33.676
Hunter-Lab	19.93, 6.788, -21.244
Binary	00110001, 00110100, 01100001

#313461
```
#313461 rgb(49,52,97)
```
#615e31
```
#615e31 rgb(97,94,49)
```

Complementary Color

#314c61
```
#314c61 rgb(49,76,97)
```
#313461
```
#313461 rgb(49,52,97)
```
#463161
```
#463161 rgb(70,49,97)
```

Analogous Color

#4c6131
```
#4c6131 rgb(76,97,49)
```
#313461
```
#313461 rgb(49,52,97)
```
#614631
```
#614631 rgb(97,70,49)
```

Split Complementary Color

#346131
```
#346131 rgb(52,97,49)
```
#313461
```
#313461 rgb(49,52,97)
```
#613134
```
#613134 rgb(97,49,52)
```

Triadic Color

#31615e
```
#31615e rgb(49,97,94)
```
#313461
```
#313461 rgb(49,52,97)
```
#613134
```
#613134 rgb(97,49,52)
```
#615e31
```
#615e31 rgb(97,94,49)
```

Tetradic Color

#17192e
```
#17192e rgb(23,25,46)
```
#20223f
```
#20223f rgb(32,34,63)
```
#282b50
```
#282b50 rgb(40,43,80)
```
#313461
```
#313461 rgb(49,52,97)
```
#3a3d72
```
#3a3d72 rgb(58,61,114)
```
#424683
```
#424683 rgb(66,70,131)
```
#4b4f94
```
#4b4f94 rgb(75,79,148)
```

Monochromatic Color

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

#314061
```
#314061 rgb(49,64,97)
```
#313c61
```
#313c61 rgb(49,60,97)
```
#313861
```
#313861 rgb(49,56,97)
```
#313461
```
#313461 rgb(49,52,97)
```
#323161
```
#323161 rgb(50,49,97)
```
#363161
```
#363161 rgb(54,49,97)
```
#3a3161
```
#3a3161 rgb(58,49,97)
```

Similar Colors

Text with hexadecimal color #313461

This text has a font color of #313461.

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

#313461 background color

This paragraph has a background color of #313461.

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

#313461 border color

This element has a border color of #313461.

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

CSS codes

.text {color:#313461;}

.background {background-color:#313461;}

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0a0a13
```
#0a0a13 rgb(10,10,19)
```
#101120
```
#101120 rgb(16,17,32)
```
#17182d
```
#17182d rgb(23,24,45)
```
#1d1f3a
```
#1d1f3a rgb(29,31,58)
```
#242647
```
#242647 rgb(36,38,71)
```
#2a2d54
```
#2a2d54 rgb(42,45,84)
```
#313461
```
#313461 rgb(49,52,97)
```
#383b6e
```
#383b6e rgb(56,59,110)
```
#3e427b
```
#3e427b rgb(62,66,123)
```
#454988
```
#454988 rgb(69,73,136)
```
#4b5095
```
#4b5095 rgb(75,80,149)
```
#5257a2
```
#5257a2 rgb(82,87,162)
```

Shade Color Variation

#5b60ac
```
#5b60ac rgb(91,96,172)
```
#686db3
```
#686db3 rgb(104,109,179)
```
#757aba
```
#757aba rgb(117,122,186)
```
#8286c0
```
#8286c0 rgb(130,134,192)
```
#8f93c7
```
#8f93c7 rgb(143,147,199)
```
#9da0cd
```
#9da0cd rgb(157,160,205)
```
#aaacd4
```
#aaacd4 rgb(170,172,212)
```
#b7b9da
```
#b7b9da rgb(183,185,218)
```
#c4c5e1
```
#c4c5e1 rgb(196,197,225)
```
#d1d2e8
```
#d1d2e8 rgb(209,210,232)
```
#dedfee
```
#dedfee rgb(222,223,238)
```
#ebebf5
```
#ebebf5 rgb(235,235,245)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#47484b
```
#47484b rgb(71,72,75)
```
#424350
```
#424350 rgb(66,67,80)
```
#3c3e56
```
#3c3e56 rgb(60,62,86)
```
#37395b
```
#37395b rgb(55,57,91)
```
#313461
```
#313461 rgb(49,52,97)
```
#2b2f67
```
#2b2f67 rgb(43,47,103)
```
#262a6c
```
#262a6c rgb(38,42,108)
```
#202572
```
#202572 rgb(32,37,114)
```
#1b2077
```
#1b2077 rgb(27,32,119)
```
#151b7d
```
#151b7d rgb(21,27,125)
```
#0f1783
```
#0f1783 rgb(15,23,131)
```
#0a1288
```
#0a1288 rgb(10,18,136)
```
#040d8e
```
#040d8e rgb(4,13,142)
```

Tone Color Variation

Below, you can see how #313461 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
#373740 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e416b Protanopia 1% of men
#294267 Deuteranopia 1% of men
#30454a Tritanopia 0.001% of the population

Trichromacy

#2f3c67 Protanomaly 1% of men, 0.01% of women
#2c3d65 Deuteranomaly 6% of men, 0.4% of women
#303f52 Tritanomaly 0.01% of the population

#313461 hex color

#313461 Color Information

#313461 Color Conversion

Color Schemes with #313461

Alternatives to #313461

#313461 Preview

Shades and Tints of #313461

Tones of #313461

Color Blindness Simulator