#313c77 hex color

In a RGB color space, hex #313c77 is composed of 19.2% red, 23.5% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 49.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 230.6 degrees, a saturation of 41.7% and a lightness of 32.9%. #313c77 color hex could be obtained by blending #6278ee with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 24
- B 47
RGB color chart
- C 59
- M 50
- Y 0
- K 53
CMYK color chart

● #313c77 color description : Dark moderate blue.

The hexadecimal color #313c77 has RGB values of R:49, G:60, B:119 and CMYK values of C:0.59, M:0.5, Y:0, K:0.53. Its decimal value is 3226743.

Hex triplet	313c77	`#313c77`
RGB Decimal	49, 60, 119	`rgb(49,60,119)`
RGB Percent	19.2, 23.5, 46.7	`rgb(19.2%,23.5%,46.7%)`
CMYK	59, 50, 0, 53
HSL	230.6°, 41.7, 32.9	`hsl(230.6,41.7%,32.9%)`
HSV (or HSB)	230.6°, 58.8, 46.7
Web Safe	333366	`#333366`

CIE-LAB	27.342, 14.579, -35.304
XYZ	6.212, 5.216, 18.131
xyY	0.21, 0.176, 5.216
CIE-LCH	27.342, 38.196, 292.438
CIE-LUV	27.342, -6.717, -46.289
Hunter-Lab	22.839, 8.578, -31.081
Binary	00110001, 00111100, 01110111

#313c77
```
#313c77 rgb(49,60,119)
```
#776c31
```
#776c31 rgb(119,108,49)
```

Complementary Color

#315f77
```
#315f77 rgb(49,95,119)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#493177
```
#493177 rgb(73,49,119)
```

Analogous Color

#5f7731
```
#5f7731 rgb(95,119,49)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#774931
```
#774931 rgb(119,73,49)
```

Split Complementary Color

#3c7731
```
#3c7731 rgb(60,119,49)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#77313c
```
#77313c rgb(119,49,60)
```

Triadic Color

#31776c
```
#31776c rgb(49,119,108)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#77313c
```
#77313c rgb(119,49,60)
```
#776c31
```
#776c31 rgb(119,108,49)
```

Tetradic Color

#1b2141
```
#1b2141 rgb(27,33,65)
```
#222a53
```
#222a53 rgb(34,42,83)
```
#2a3365
```
#2a3365 rgb(42,51,101)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#384589
```
#384589 rgb(56,69,137)
```
#404e9b
```
#404e9b rgb(64,78,155)
```
#4757ad
```
#4757ad rgb(71,87,173)
```

Monochromatic Color

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

#314e77
```
#314e77 rgb(49,78,119)
```
#314877
```
#314877 rgb(49,72,119)
```
#314277
```
#314277 rgb(49,66,119)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#313677
```
#313677 rgb(49,54,119)
```
#323177
```
#323177 rgb(50,49,119)
```
#383177
```
#383177 rgb(56,49,119)
```

Similar Colors

Text with hexadecimal color #313c77

This text has a font color of #313c77.

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

#313c77 background color

This paragraph has a background color of #313c77.

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

#313c77 border color

This element has a border color of #313c77.

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

CSS codes

.text {color:#313c77;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#090b16
```
#090b16 rgb(9,11,22)
```
#0f1224
```
#0f1224 rgb(15,18,36)
```
#141932
```
#141932 rgb(20,25,50)
```
#1a203f
```
#1a203f rgb(26,32,63)
```
#20274d
```
#20274d rgb(32,39,77)
```
#262e5b
```
#262e5b rgb(38,46,91)
```
#2b3569
```
#2b3569 rgb(43,53,105)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#374385
```
#374385 rgb(55,67,133)
```
#3c4a93
```
#3c4a93 rgb(60,74,147)
```
#4251a1
```
#4251a1 rgb(66,81,161)
```
#4858af
```
#4858af rgb(72,88,175)
```

Shade Color Variation

#5262b8
```
#5262b8 rgb(82,98,184)
```
#606fbe
```
#606fbe rgb(96,111,190)
```
#6e7bc3
```
#6e7bc3 rgb(110,123,195)
```
#7c88c9
```
#7c88c9 rgb(124,136,201)
```
#8a95cf
```
#8a95cf rgb(138,149,207)
```
#98a1d4
```
#98a1d4 rgb(152,161,212)
```
#a6aeda
```
#a6aeda rgb(166,174,218)
```
#b3bae0
```
#b3bae0 rgb(179,186,224)
```
#c1c7e6
```
#c1c7e6 rgb(193,199,230)
```
#cfd4eb
```
#cfd4eb rgb(207,212,235)
```
#dde0f1
```
#dde0f1 rgb(221,224,241)
```
#ebedf7
```
#ebedf7 rgb(235,237,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#515257
```
#515257 rgb(81,82,87)
```
#4b4e5d
```
#4b4e5d rgb(75,78,93)
```
#444964
```
#444964 rgb(68,73,100)
```
#3e456a
```
#3e456a rgb(62,69,106)
```
#374071
```
#374071 rgb(55,64,113)
```
#313c77
```
#313c77 rgb(49,60,119)
```
#2b387d
```
#2b387d rgb(43,56,125)
```
#243384
```
#243384 rgb(36,51,132)
```
#1e2f8a
```
#1e2f8a rgb(30,47,138)
```
#172a91
```
#172a91 rgb(23,42,145)
```
#112697
```
#112697 rgb(17,38,151)
```
#0a219e
```
#0a219e rgb(10,33,158)
```
#041da4
```
#041da4 rgb(4,29,164)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3c3e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4880 Protanopia 1% of men
#1a4b7b Deuteranopia 1% of men
#275055 Tritanopia 0.001% of the population

Trichromacy

#2d447c Protanomaly 1% of men, 0.01% of women
#22457a Deuteranomaly 6% of men, 0.4% of women
#2a4861 Tritanomaly 0.01% of the population

#313c77 hex color

#313c77 Color Information

#313c77 Color Conversion

Color Schemes with #313c77

Alternatives to #313c77

#313c77 Preview

Shades and Tints of #313c77

Tones of #313c77

Color Blindness Simulator