#313e83 hex color

In a RGB color space, hex #313e83 is composed of 19.2% red, 24.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 52.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 230.5 degrees, a saturation of 45.6% and a lightness of 35.3%. #313e83 color hex could be obtained by blending #627cff with #000007. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 24
- B 51
RGB color chart
- C 63
- M 53
- Y 0
- K 49
CMYK color chart

● #313e83 color description : Dark moderate blue.

The hexadecimal color #313e83 has RGB values of R:49, G:62, B:131 and CMYK values of C:0.63, M:0.53, Y:0, K:0.49. Its decimal value is 3227267.

Hex triplet	313e83	`#313e83`
RGB Decimal	49, 62, 131	`rgb(49,62,131)`
RGB Percent	19.2, 24.3, 51.4	`rgb(19.2%,24.3%,51.4%)`
CMYK	63, 53, 0, 49
HSL	230.5°, 45.6, 35.3	`hsl(230.5,45.6%,35.3%)`
HSV (or HSB)	230.5°, 62.6, 51.4
Web Safe	333399	`#333399`

CIE-LAB	28.738, 17.594, -40.589
XYZ	7.085, 5.737, 22.205
xyY	0.202, 0.164, 5.737
CIE-LCH	28.738, 44.238, 293.435
CIE-LUV	28.738, -7.634, -54.227
Hunter-Lab	23.951, 10.889, -38.203
Binary	00110001, 00111110, 10000011

#313e83
```
#313e83 rgb(49,62,131)
```
#837631
```
#837631 rgb(131,118,49)
```

Complementary Color

#316783
```
#316783 rgb(49,103,131)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#4d3183
```
#4d3183 rgb(77,49,131)
```

Analogous Color

#678331
```
#678331 rgb(103,131,49)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#834d31
```
#834d31 rgb(131,77,49)
```

Split Complementary Color

#3e8331
```
#3e8331 rgb(62,131,49)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#83313e
```
#83313e rgb(131,49,62)
```

Triadic Color

#318376
```
#318376 rgb(49,131,118)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#83313e
```
#83313e rgb(131,49,62)
```
#837631
```
#837631 rgb(131,118,49)
```

Tetradic Color

#1c244b
```
#1c244b rgb(28,36,75)
```
#232c5e
```
#232c5e rgb(35,44,94)
```
#2a3570
```
#2a3570 rgb(42,53,112)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#384796
```
#384796 rgb(56,71,150)
```
#3f50a8
```
#3f50a8 rgb(63,80,168)
```
#4759ba
```
#4759ba rgb(71,89,186)
```

Monochromatic Color

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

#315383
```
#315383 rgb(49,83,131)
```
#314c83
```
#314c83 rgb(49,76,131)
```
#314583
```
#314583 rgb(49,69,131)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#313783
```
#313783 rgb(49,55,131)
```
#323183
```
#323183 rgb(50,49,131)
```
#383183
```
#383183 rgb(56,49,131)
```

Similar Colors

Text with hexadecimal color #313e83

This text has a font color of #313e83.

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

#313e83 background color

This paragraph has a background color of #313e83.

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

#313e83 border color

This element has a border color of #313e83.

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

CSS codes

.text {color:#313e83;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#060811
```
#060811 rgb(6,8,17)
```
#0c0f1f
```
#0c0f1f rgb(12,15,31)
```
#11152d
```
#11152d rgb(17,21,45)
```
#161c3c
```
#161c3c rgb(22,28,60)
```
#1c234a
```
#1c234a rgb(28,35,74)
```
#212a58
```
#212a58 rgb(33,42,88)
```
#263066
```
#263066 rgb(38,48,102)
```
#2c3775
```
#2c3775 rgb(44,55,117)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#364591
```
#364591 rgb(54,69,145)
```
#3c4ca0
```
#3c4ca0 rgb(60,76,160)
```
#4152ae
```
#4152ae rgb(65,82,174)
```

Shade Color Variation

#485abb
```
#485abb rgb(72,90,187)
```
#5667c0
```
#5667c0 rgb(86,103,192)
```
#6474c5
```
#6474c5 rgb(100,116,197)
```
#7381cb
```
#7381cb rgb(115,129,203)
```
#818ed0
```
#818ed0 rgb(129,142,208)
```
#8f9ad5
```
#8f9ad5 rgb(143,154,213)
```
#9ea7db
```
#9ea7db rgb(158,167,219)
```
#acb4e0
```
#acb4e0 rgb(172,180,224)
```
#bac1e5
```
#bac1e5 rgb(186,193,229)
```
#c8ceeb
```
#c8ceeb rgb(200,206,235)
```
#d7dbf0
```
#d7dbf0 rgb(215,219,240)
```
#e5e8f5
```
#e5e8f5 rgb(229,232,245)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```

Tint Color Variation

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

#545660
```
#545660 rgb(84,86,96)
```
#4d5167
```
#4d5167 rgb(77,81,103)
```
#464c6e
```
#464c6e rgb(70,76,110)
```
#3f4775
```
#3f4775 rgb(63,71,117)
```
#38437c
```
#38437c rgb(56,67,124)
```
#313e83
```
#313e83 rgb(49,62,131)
```
#2a398a
```
#2a398a rgb(42,57,138)
```
#233591
```
#233591 rgb(35,53,145)
```
#1c3098
```
#1c3098 rgb(28,48,152)
```
#152b9f
```
#152b9f rgb(21,43,159)
```
#0e26a6
```
#0e26a6 rgb(14,38,166)
```
#0722ad
```
#0722ad rgb(7,34,173)
```
#011db3
```
#011db3 rgb(1,29,179)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f414f Atypical Achromatopsia 0.001% of the population

Dichromacy

#224b8c Protanopia 1% of men
#004e82 Deuteranopia 1% of men
#1d545a Tritanopia 0.001% of the population

Trichromacy

#274689 Protanomaly 1% of men, 0.01% of women
#114882 Deuteranomaly 6% of men, 0.4% of women
#244c69 Tritanomaly 0.01% of the population

#313e83 hex color

#313e83 Color Information

#313e83 Color Conversion

Color Schemes with #313e83

Alternatives to #313e83

#313e83 Preview

Shades and Tints of #313e83

Tones of #313e83

Color Blindness Simulator