#313c76 hex color

In a RGB color space, hex #313c76 is composed of 19.2% red, 23.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 49.2% magenta, 0% yellow and 53.7% black. It has a hue angle of 230.4 degrees, a saturation of 41.3% and a lightness of 32.7%. #313c76 color hex could be obtained by blending #6278ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 24
- B 46
RGB color chart
- C 58
- M 49
- Y 0
- K 54
CMYK color chart

● #313c76 color description : Dark moderate blue.

The hexadecimal color #313c76 has RGB values of R:49, G:60, B:118 and CMYK values of C:0.58, M:0.49, Y:0, K:0.54. Its decimal value is 3226742.

Hex triplet	313c76	`#313c76`
RGB Decimal	49, 60, 118	`rgb(49,60,118)`
RGB Percent	19.2, 23.5, 46.3	`rgb(19.2%,23.5%,46.3%)`
CMYK	58, 49, 0, 54
HSL	230.4°, 41.3, 32.7	`hsl(230.4,41.3%,32.7%)`
HSV (or HSB)	230.4°, 58.5, 46.3
Web Safe	333366	`#333366`

CIE-LAB	27.276, 14.217, -34.778
XYZ	6.152, 5.192, 17.817
xyY	0.211, 0.178, 5.192
CIE-LCH	27.276, 37.572, 292.234
CIE-LUV	27.276, -6.688, -45.543
Hunter-Lab	22.787, 8.313, -30.407
Binary	00110001, 00111100, 01110110

#313c76
```
#313c76 rgb(49,60,118)
```
#766b31
```
#766b31 rgb(118,107,49)
```

Complementary Color

#315f76
```
#315f76 rgb(49,95,118)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#483176
```
#483176 rgb(72,49,118)
```

Analogous Color

#5f7631
```
#5f7631 rgb(95,118,49)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#764931
```
#764931 rgb(118,73,49)
```

Split Complementary Color

#3c7631
```
#3c7631 rgb(60,118,49)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#76313c
```
#76313c rgb(118,49,60)
```

Triadic Color

#31766b
```
#31766b rgb(49,118,107)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#76313c
```
#76313c rgb(118,49,60)
```
#766b31
```
#766b31 rgb(118,107,49)
```

Tetradic Color

#1b2140
```
#1b2140 rgb(27,33,64)
```
#222a52
```
#222a52 rgb(34,42,82)
```
#2a3364
```
#2a3364 rgb(42,51,100)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#384588
```
#384588 rgb(56,69,136)
```
#404e9a
```
#404e9a rgb(64,78,154)
```
#4757ac
```
#4757ac rgb(71,87,172)
```

Monochromatic Color

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

#314d76
```
#314d76 rgb(49,77,118)
```
#314876
```
#314876 rgb(49,72,118)
```
#314276
```
#314276 rgb(49,66,118)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#313676
```
#313676 rgb(49,54,118)
```
#323176
```
#323176 rgb(50,49,118)
```
#373176
```
#373176 rgb(55,49,118)
```

Similar Colors

Text with hexadecimal color #313c76

This text has a font color of #313c76.

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

#313c76 background color

This paragraph has a background color of #313c76.

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

#313c76 border color

This element has a border color of #313c76.

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

CSS codes

.text {color:#313c76;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090b15
```
#090b15 rgb(9,11,21)
```
#0e1223
```
#0e1223 rgb(14,18,35)
```
#141931
```
#141931 rgb(20,25,49)
```
#1a203f
```
#1a203f rgb(26,32,63)
```
#20274c
```
#20274c rgb(32,39,76)
```
#252e5a
```
#252e5a rgb(37,46,90)
```
#2b3568
```
#2b3568 rgb(43,53,104)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#374384
```
#374384 rgb(55,67,132)
```
#3d4a92
```
#3d4a92 rgb(61,74,146)
```
#4251a0
```
#4251a0 rgb(66,81,160)
```
#4858ad
```
#4858ad rgb(72,88,173)
```

Shade Color Variation

#5262b7
```
#5262b7 rgb(82,98,183)
```
#606fbd
```
#606fbd rgb(96,111,189)
```
#6e7bc3
```
#6e7bc3 rgb(110,123,195)
```
#7c88c8
```
#7c88c8 rgb(124,136,200)
```
#8994ce
```
#8994ce rgb(137,148,206)
```
#97a1d4
```
#97a1d4 rgb(151,161,212)
```
#a5adda
```
#a5adda rgb(165,173,218)
```
#b3badf
```
#b3badf rgb(179,186,223)
```
#c1c7e5
```
#c1c7e5 rgb(193,199,229)
```
#cfd3eb
```
#cfd3eb rgb(207,211,235)
```
#dde0f1
```
#dde0f1 rgb(221,224,241)
```
#eaecf6
```
#eaecf6 rgb(234,236,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#515256
```
#515256 rgb(81,82,86)
```
#4b4e5c
```
#4b4e5c rgb(75,78,92)
```
#444963
```
#444963 rgb(68,73,99)
```
#3e4569
```
#3e4569 rgb(62,69,105)
```
#374070
```
#374070 rgb(55,64,112)
```
#313c76
```
#313c76 rgb(49,60,118)
```
#2b387c
```
#2b387c rgb(43,56,124)
```
#243383
```
#243383 rgb(36,51,131)
```
#1e2f89
```
#1e2f89 rgb(30,47,137)
```
#172a90
```
#172a90 rgb(23,42,144)
```
#112696
```
#112696 rgb(17,38,150)
```
#0a229d
```
#0a229d rgb(10,34,157)
```
#041da3
```
#041da3 rgb(4,29,163)
```

Tone Color Variation

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

#2c487f Protanopia 1% of men
#1c4b7b Deuteranopia 1% of men
#274f55 Tritanopia 0.001% of the population

Trichromacy

#2e437b Protanomaly 1% of men, 0.01% of women
#244579 Deuteranomaly 6% of men, 0.4% of women
#2b4861 Tritanomaly 0.01% of the population

#313c76 hex color

#313c76 Color Information

#313c76 Color Conversion

Color Schemes with #313c76

Alternatives to #313c76

#313c76 Preview

Shades and Tints of #313c76

Tones of #313c76

Color Blindness Simulator