#313c87 hex color

In a RGB color space, hex #313c87 is composed of 19.2% red, 23.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 55.6% magenta, 0% yellow and 47.1% black. It has a hue angle of 232.3 degrees, a saturation of 46.7% and a lightness of 36.1%. #313c87 color hex could be obtained by blending #6278ff with #00000f. Closest websafe color is: #333399.

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

● #313c87 color description : Dark moderate blue.

The hexadecimal color #313c87 has RGB values of R:49, G:60, B:135 and CMYK values of C:0.64, M:0.56, Y:0, K:0.47. Its decimal value is 3226759.

Hex triplet	313c87	`#313c87`
RGB Decimal	49, 60, 135	`rgb(49,60,135)`
RGB Percent	19.2, 23.5, 52.9	`rgb(19.2%,23.5%,52.9%)`
CMYK	64, 56, 0, 47
HSL	232.3°, 46.7, 36.1	`hsl(232.3,46.7%,36.1%)`
HSV (or HSB)	232.3°, 63.7, 52.9
Web Safe	333399	`#333399`

CIE-LAB	28.469, 20.421, -43.511
XYZ	7.255, 5.634, 23.625
xyY	0.199, 0.154, 5.634
CIE-LCH	28.469, 48.065, 295.142
CIE-LUV	28.469, -7.183, -57.949
Hunter-Lab	23.735, 13.023, -42.401
Binary	00110001, 00111100, 10000111

#313c87
```
#313c87 rgb(49,60,135)
```
#877c31
```
#877c31 rgb(135,124,49)
```

Complementary Color

#316787
```
#316787 rgb(49,103,135)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#513187
```
#513187 rgb(81,49,135)
```

Analogous Color

#678731
```
#678731 rgb(103,135,49)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#875131
```
#875131 rgb(135,81,49)
```

Split Complementary Color

#3c8731
```
#3c8731 rgb(60,135,49)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#87313c
```
#87313c rgb(135,49,60)
```

Triadic Color

#31877c
```
#31877c rgb(49,135,124)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#87313c
```
#87313c rgb(135,49,60)
```
#877c31
```
#877c31 rgb(135,124,49)
```

Tetradic Color

#1d234f
```
#1d234f rgb(29,35,79)
```
#232b62
```
#232b62 rgb(35,43,98)
```
#2a3474
```
#2a3474 rgb(42,52,116)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#38449a
```
#38449a rgb(56,68,154)
```
#3f4dac
```
#3f4dac rgb(63,77,172)
```
#4857bd
```
#4857bd rgb(72,87,189)
```

Monochromatic Color

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

#315287
```
#315287 rgb(49,82,135)
```
#314a87
```
#314a87 rgb(49,74,135)
```
#314387
```
#314387 rgb(49,67,135)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#313587
```
#313587 rgb(49,53,135)
```
#343187
```
#343187 rgb(52,49,135)
```
#3c3187
```
#3c3187 rgb(60,49,135)
```

Similar Colors

Text with hexadecimal color #313c87

This text has a font color of #313c87.

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

#313c87 background color

This paragraph has a background color of #313c87.

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

#313c87 border color

This element has a border color of #313c87.

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

CSS codes

.text {color:#313c87;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070914
```
#070914 rgb(7,9,20)
```
#0c0f22
```
#0c0f22 rgb(12,15,34)
```
#121631
```
#121631 rgb(18,22,49)
```
#171c3f
```
#171c3f rgb(23,28,63)
```
#1c224d
```
#1c224d rgb(28,34,77)
```
#21295c
```
#21295c rgb(33,41,92)
```
#272f6a
```
#272f6a rgb(39,47,106)
```
#2c3679
```
#2c3679 rgb(44,54,121)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#364295
```
#364295 rgb(54,66,149)
```
#3b49a4
```
#3b49a4 rgb(59,73,164)
```
#414fb2
```
#414fb2 rgb(65,79,178)
```

Shade Color Variation

#4958bd
```
#4958bd rgb(73,88,189)
```
#5865c2
```
#5865c2 rgb(88,101,194)
```
#6673c8
```
#6673c8 rgb(102,115,200)
```
#7580cd
```
#7580cd rgb(117,128,205)
```
#838dd2
```
#838dd2 rgb(131,141,210)
```
#919ad7
```
#919ad7 rgb(145,154,215)
```
#a0a7dc
```
#a0a7dc rgb(160,167,220)
```
#aeb5e2
```
#aeb5e2 rgb(174,181,226)
```
#bdc2e7
```
#bdc2e7 rgb(189,194,231)
```
#cbcfec
```
#cbcfec rgb(203,207,236)
```
#d9dcf1
```
#d9dcf1 rgb(217,220,241)
```
#e8eaf7
```
#e8eaf7 rgb(232,234,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545664
```
#545664 rgb(84,86,100)
```
#4d516b
```
#4d516b rgb(77,81,107)
```
#464c72
```
#464c72 rgb(70,76,114)
```
#3f4779
```
#3f4779 rgb(63,71,121)
```
#384180
```
#384180 rgb(56,65,128)
```
#313c87
```
#313c87 rgb(49,60,135)
```
#2a378e
```
#2a378e rgb(42,55,142)
```
#233195
```
#233195 rgb(35,49,149)
```
#1c2c9c
```
#1c2c9c rgb(28,44,156)
```
#1527a3
```
#1527a3 rgb(21,39,163)
```
#0e22aa
```
#0e22aa rgb(14,34,170)
```
#071cb1
```
#071cb1 rgb(7,28,177)
```

Tone Color Variation

Below, you can see how #313c87 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
#3e404f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0f4a91 Protanopia 1% of men
#004e81 Deuteranopia 1% of men
#15545a Tritanopia 0.001% of the population

Trichromacy

#1b458d Protanomaly 1% of men, 0.01% of women
#114783 Deuteranomaly 6% of men, 0.4% of women
#1f4b6a Tritanomaly 0.01% of the population

#313c87 hex color

#313c87 Color Information

#313c87 Color Conversion

Color Schemes with #313c87

Alternatives to #313c87

#313c87 Preview

Shades and Tints of #313c87

Tones of #313c87

Color Blindness Simulator