#313a8e hex color

In a RGB color space, hex #313a8e is composed of 19.2% red, 22.7% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 59.2% magenta, 0% yellow and 44.3% black. It has a hue angle of 234.2 degrees, a saturation of 48.7% and a lightness of 37.5%. #313a8e color hex could be obtained by blending #6274ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 23
- B 56
RGB color chart
- C 65
- M 59
- Y 0
- K 44
CMYK color chart

● #313a8e color description : Dark moderate blue.

The hexadecimal color #313a8e has RGB values of R:49, G:58, B:142 and CMYK values of C:0.65, M:0.59, Y:0, K:0.44. Its decimal value is 3226254.

Hex triplet	313a8e	`#313a8e`
RGB Decimal	49, 58, 142	`rgb(49,58,142)`
RGB Percent	19.2, 22.7, 55.7	`rgb(19.2%,22.7%,55.7%)`
CMYK	65, 59, 0, 44
HSL	234.2°, 48.7, 37.5	`hsl(234.2,48.7%,37.5%)`
HSV (or HSB)	234.2°, 65.5, 55.7
Web Safe	333399	`#333399`

CIE-LAB	28.464, 24.331, -47.851
XYZ	7.661, 5.632, 26.273
xyY	0.194, 0.142, 5.632
CIE-LCH	28.464, 53.682, 296.952
CIE-LUV	28.464, -6.877, -63.591
Hunter-Lab	23.731, 16.096, -49.029
Binary	00110001, 00111010, 10001110

#313a8e
```
#313a8e rgb(49,58,142)
```
#8e8531
```
#8e8531 rgb(142,133,49)
```

Complementary Color

#31698e
```
#31698e rgb(49,105,142)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#57318e
```
#57318e rgb(87,49,142)
```

Analogous Color

#698e31
```
#698e31 rgb(105,142,49)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#8e5731
```
#8e5731 rgb(142,87,49)
```

Split Complementary Color

#3a8e31
```
#3a8e31 rgb(58,142,49)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#8e313a
```
#8e313a rgb(142,49,58)
```

Triadic Color

#318e85
```
#318e85 rgb(49,142,133)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#8e313a
```
#8e313a rgb(142,49,58)
```
#8e8531
```
#8e8531 rgb(142,133,49)
```

Tetradic Color

#1d2355
```
#1d2355 rgb(29,35,85)
```
#242b68
```
#242b68 rgb(36,43,104)
```
#2a327b
```
#2a327b rgb(42,50,123)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#3842a1
```
#3842a1 rgb(56,66,161)
```
#3e49b4
```
#3e49b4 rgb(62,73,180)
```
#4b56c1
```
#4b56c1 rgb(75,86,193)
```

Monochromatic Color

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

#31518e
```
#31518e rgb(49,81,142)
```
#314a8e
```
#314a8e rgb(49,74,142)
```
#31428e
```
#31428e rgb(49,66,142)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#31328e
```
#31328e rgb(49,50,142)
```
#38318e
```
#38318e rgb(56,49,142)
```
#3f318e
```
#3f318e rgb(63,49,142)
```

Similar Colors

Text with hexadecimal color #313a8e

This text has a font color of #313a8e.

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

#313a8e background color

This paragraph has a background color of #313a8e.

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

#313a8e border color

This element has a border color of #313a8e.

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

CSS codes

.text {color:#313a8e;}

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

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

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

#04040b
```
#04040b rgb(4,4,11)
```
#090a19
```
#090a19 rgb(9,10,25)
```
#0e1028
```
#0e1028 rgb(14,16,40)
```
#131637
```
#131637 rgb(19,22,55)
```
#181c45
```
#181c45 rgb(24,28,69)
```
#1d2254
```
#1d2254 rgb(29,34,84)
```
#222862
```
#222862 rgb(34,40,98)
```
#272e71
```
#272e71 rgb(39,46,113)
```
#2c347f
```
#2c347f rgb(44,52,127)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#36409d
```
#36409d rgb(54,64,157)
```
#3b46ab
```
#3b46ab rgb(59,70,171)
```
#404cba
```
#404cba rgb(64,76,186)
```

Shade Color Variation

#4c58c1
```
#4c58c1 rgb(76,88,193)
```
#5b65c6
```
#5b65c6 rgb(91,101,198)
```
#6973cb
```
#6973cb rgb(105,115,203)
```
#7880d0
```
#7880d0 rgb(120,128,208)
```
#878ed5
```
#878ed5 rgb(135,142,213)
```
#959cda
```
#959cda rgb(149,156,218)
```
#a4a9df
```
#a4a9df rgb(164,169,223)
```
#b2b7e5
```
#b2b7e5 rgb(178,183,229)
```
#c1c5ea
```
#c1c5ea rgb(193,197,234)
```
#cfd2ef
```
#cfd2ef rgb(207,210,239)
```
#dee0f4
```
#dee0f4 rgb(222,224,244)
```
#edeef9
```
#edeef9 rgb(237,238,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5e62 is the less saturated color, while #0516ba is the most saturated one.

#5d5e62
```
#5d5e62 rgb(93,94,98)
```
#565869
```
#565869 rgb(86,88,105)
```
#4e5271
```
#4e5271 rgb(78,82,113)
```
#474c78
```
#474c78 rgb(71,76,120)
```
#40467f
```
#40467f rgb(64,70,127)
```
#384087
```
#384087 rgb(56,64,135)
```
#313a8e
```
#313a8e rgb(49,58,142)
```
#2a3495
```
#2a3495 rgb(42,52,149)
```
#222e9d
```
#222e9d rgb(34,46,157)
```
#1b28a4
```
#1b28a4 rgb(27,40,164)
```
#1422ab
```
#1422ab rgb(20,34,171)
```
#0c1cb3
```
#0c1cb3 rgb(12,28,179)
```
#0516ba
```
#0516ba rgb(5,22,186)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e4050 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004a92 Protanopia 1% of men
#004e80 Deuteranopia 1% of men
#00545a Tritanopia 0.001% of the population

Trichromacy

#114490 Protanomaly 1% of men, 0.01% of women
#114785 Deuteranomaly 6% of men, 0.4% of women
#114a6d Tritanomaly 0.01% of the population

#313a8e hex color

#313a8e Color Information

#313a8e Color Conversion

Color Schemes with #313a8e

Alternatives to #313a8e

#313a8e Preview

Shades and Tints of #313a8e

Tones of #313a8e

Color Blindness Simulator