#313a90 hex color

In a RGB color space, hex #313a90 is composed of 19.2% red, 22.7% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 59.7% magenta, 0% yellow and 43.5% black. It has a hue angle of 234.3 degrees, a saturation of 49.2% and a lightness of 37.8%. #313a90 color hex could be obtained by blending #6274ff with #000021. Closest websafe color is: #333399.

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

● #313a90 color description : Dark moderate blue.

The hexadecimal color #313a90 has RGB values of R:49, G:58, B:144 and CMYK values of C:0.66, M:0.6, Y:0, K:0.44. Its decimal value is 3226256.

Hex triplet	313a90	`#313a90`
RGB Decimal	49, 58, 144	`rgb(49,58,144)`
RGB Percent	19.2, 22.7, 56.5	`rgb(19.2%,22.7%,56.5%)`
CMYK	66, 60, 0, 44
HSL	234.3°, 49.2, 37.8	`hsl(234.3,49.2%,37.8%)`
HSV (or HSB)	234.3°, 66, 56.5
Web Safe	333399	`#333399`

CIE-LAB	28.622, 25.061, -48.825
XYZ	7.813, 5.692, 27.071
xyY	0.193, 0.14, 5.692
CIE-LCH	28.622, 54.881, 297.17
CIE-LUV	28.622, -6.943, -64.967
Hunter-Lab	23.859, 16.699, -50.572
Binary	00110001, 00111010, 10010000

#313a90
```
#313a90 rgb(49,58,144)
```
#908731
```
#908731 rgb(144,135,49)
```

Complementary Color

#316a90
```
#316a90 rgb(49,106,144)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#583190
```
#583190 rgb(88,49,144)
```

Analogous Color

#6a9031
```
#6a9031 rgb(106,144,49)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#905831
```
#905831 rgb(144,88,49)
```

Split Complementary Color

#3a9031
```
#3a9031 rgb(58,144,49)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#90313a
```
#90313a rgb(144,49,58)
```

Triadic Color

#319087
```
#319087 rgb(49,144,135)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#90313a
```
#90313a rgb(144,49,58)
```
#908731
```
#908731 rgb(144,135,49)
```

Tetradic Color

#1e2357
```
#1e2357 rgb(30,35,87)
```
#242b6a
```
#242b6a rgb(36,43,106)
```
#2b327d
```
#2b327d rgb(43,50,125)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#3742a3
```
#3742a3 rgb(55,66,163)
```
#3e49b6
```
#3e49b6 rgb(62,73,182)
```
#4c57c2
```
#4c57c2 rgb(76,87,194)
```

Monochromatic Color

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

#315290
```
#315290 rgb(49,82,144)
```
#314a90
```
#314a90 rgb(49,74,144)
```
#314290
```
#314290 rgb(49,66,144)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#313290
```
#313290 rgb(49,50,144)
```
#383190
```
#383190 rgb(56,49,144)
```
#403190
```
#403190 rgb(64,49,144)
```

Similar Colors

Text with hexadecimal color #313a90

This text has a font color of #313a90.

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

#313a90 background color

This paragraph has a background color of #313a90.

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

#313a90 border color

This element has a border color of #313a90.

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

CSS codes

.text {color:#313a90;}

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

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

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, #04050c is the darkest color, while #fdfdfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#090b1b
```
#090b1b rgb(9,11,27)
```
#0e112a
```
#0e112a rgb(14,17,42)
```
#131738
```
#131738 rgb(19,23,56)
```
#181d47
```
#181d47 rgb(24,29,71)
```
#1d2255
```
#1d2255 rgb(29,34,85)
```
#222864
```
#222864 rgb(34,40,100)
```
#272e73
```
#272e73 rgb(39,46,115)
```
#2c3481
```
#2c3481 rgb(44,52,129)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#36409f
```
#36409f rgb(54,64,159)
```
#3b46ad
```
#3b46ad rgb(59,70,173)
```
#404cbc
```
#404cbc rgb(64,76,188)
```

Shade Color Variation

#4d58c2
```
#4d58c2 rgb(77,88,194)
```
#5c66c7
```
#5c66c7 rgb(92,102,199)
```
#6a74cc
```
#6a74cc rgb(106,116,204)
```
#7981d1
```
#7981d1 rgb(121,129,209)
```
#888fd6
```
#888fd6 rgb(136,143,214)
```
#969ddb
```
#969ddb rgb(150,157,219)
```
#a5aae0
```
#a5aae0 rgb(165,170,224)
```
#b3b8e5
```
#b3b8e5 rgb(179,184,229)
```
#c2c6ea
```
#c2c6ea rgb(194,198,234)
```
#d1d4ef
```
#d1d4ef rgb(209,212,239)
```
#dfe1f4
```
#dfe1f4 rgb(223,225,244)
```
#eeeff9
```
#eeeff9 rgb(238,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5e5e63
```
#5e5e63 rgb(94,94,99)
```
#56586b
```
#56586b rgb(86,88,107)
```
#4f5272
```
#4f5272 rgb(79,82,114)
```
#474c7a
```
#474c7a rgb(71,76,122)
```
#404681
```
#404681 rgb(64,70,129)
```
#384089
```
#384089 rgb(56,64,137)
```
#313a90
```
#313a90 rgb(49,58,144)
```
#2a3497
```
#2a3497 rgb(42,52,151)
```
#222e9f
```
#222e9f rgb(34,46,159)
```
#1b28a6
```
#1b28a6 rgb(27,40,166)
```
#1322ae
```
#1322ae rgb(19,34,174)
```
#0c1cb5
```
#0c1cb5 rgb(12,28,181)
```
#0416bd
```
#0416bd rgb(4,22,189)
```

Tone Color Variation

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

#114491 Protanomaly 1% of men, 0.01% of women
#114786 Deuteranomaly 6% of men, 0.4% of women
#114b6e Tritanomaly 0.01% of the population

#313a90 hex color

#313a90 Color Information

#313a90 Color Conversion

Color Schemes with #313a90

Alternatives to #313a90

#313a90 Preview

Shades and Tints of #313a90

Tones of #313a90

Color Blindness Simulator