#313a87 hex color

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

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

● #313a87 color description : Dark moderate blue.

The hexadecimal color #313a87 has RGB values of R:49, G:58, B:135 and CMYK values of C:0.64, M:0.57, Y:0, K:0.47. Its decimal value is 3226247.

Hex triplet	313a87	`#313a87`
RGB Decimal	49, 58, 135	`rgb(49,58,135)`
RGB Percent	19.2, 22.7, 52.9	`rgb(19.2%,22.7%,52.9%)`
CMYK	64, 57, 0, 47
HSL	233.7°, 46.7, 36.1	`hsl(233.7,46.7%,36.1%)`
HSV (or HSB)	233.7°, 63.7, 52.9
Web Safe	333399	`#333399`

CIE-LAB	27.921, 21.775, -44.397
XYZ	7.152, 5.428, 23.591
xyY	0.198, 0.15, 5.428
CIE-LCH	27.921, 49.45, 296.126
CIE-LUV	27.921, -6.645, -58.713
Hunter-Lab	23.298, 14.024, -43.727
Binary	00110001, 00111010, 10000111

#313a87
```
#313a87 rgb(49,58,135)
```
#877e31
```
#877e31 rgb(135,126,49)
```

Complementary Color

#316587
```
#316587 rgb(49,101,135)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#533187
```
#533187 rgb(83,49,135)
```

Analogous Color

#658731
```
#658731 rgb(101,135,49)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#875331
```
#875331 rgb(135,83,49)
```

Split Complementary Color

#3a8731
```
#3a8731 rgb(58,135,49)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#87313a
```
#87313a rgb(135,49,58)
```

Triadic Color

#31877e
```
#31877e rgb(49,135,126)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#87313a
```
#87313a rgb(135,49,58)
```
#877e31
```
#877e31 rgb(135,126,49)
```

Tetradic Color

#1d224f
```
#1d224f rgb(29,34,79)
```
#232a62
```
#232a62 rgb(35,42,98)
```
#2a3274
```
#2a3274 rgb(42,50,116)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#38429a
```
#38429a rgb(56,66,154)
```
#3f4aac
```
#3f4aac rgb(63,74,172)
```
#4854bd
```
#4854bd rgb(72,84,189)
```

Monochromatic Color

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

#315087
```
#315087 rgb(49,80,135)
```
#314887
```
#314887 rgb(49,72,135)
```
#314187
```
#314187 rgb(49,65,135)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#313387
```
#313387 rgb(49,51,135)
```
#363187
```
#363187 rgb(54,49,135)
```
#3e3187
```
#3e3187 rgb(62,49,135)
```

Similar Colors

Text with hexadecimal color #313a87

This text has a font color of #313a87.

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

#313a87 background color

This paragraph has a background color of #313a87.

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

#313a87 border color

This element has a border color of #313a87.

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

CSS codes

.text {color:#313a87;}

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

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

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)
```
#121531
```
#121531 rgb(18,21,49)
```
#171b3f
```
#171b3f rgb(23,27,63)
```
#1c214d
```
#1c214d rgb(28,33,77)
```
#21275c
```
#21275c rgb(33,39,92)
```
#272e6a
```
#272e6a rgb(39,46,106)
```
#2c3479
```
#2c3479 rgb(44,52,121)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#364095
```
#364095 rgb(54,64,149)
```
#3b46a4
```
#3b46a4 rgb(59,70,164)
```
#414db2
```
#414db2 rgb(65,77,178)
```

Shade Color Variation

#4955bd
```
#4955bd rgb(73,85,189)
```
#5863c2
```
#5863c2 rgb(88,99,194)
```
#6670c8
```
#6670c8 rgb(102,112,200)
```
#757ecd
```
#757ecd rgb(117,126,205)
```
#838bd2
```
#838bd2 rgb(131,139,210)
```
#9199d7
```
#9199d7 rgb(145,153,215)
```
#a0a6dc
```
#a0a6dc rgb(160,166,220)
```
#aeb4e2
```
#aeb4e2 rgb(174,180,226)
```
#bdc1e7
```
#bdc1e7 rgb(189,193,231)
```
#cbceec
```
#cbceec rgb(203,206,236)
```
#d9dcf1
```
#d9dcf1 rgb(217,220,241)
```
#e8e9f7
```
#e8e9f7 rgb(232,233,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 #0718b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545664
```
#545664 rgb(84,86,100)
```
#4d506b
```
#4d506b rgb(77,80,107)
```
#464b72
```
#464b72 rgb(70,75,114)
```
#3f4579
```
#3f4579 rgb(63,69,121)
```
#384080
```
#384080 rgb(56,64,128)
```
#313a87
```
#313a87 rgb(49,58,135)
```
#2a348e
```
#2a348e rgb(42,52,142)
```
#232f95
```
#232f95 rgb(35,47,149)
```
#1c299c
```
#1c299c rgb(28,41,156)
```
#1524a3
```
#1524a3 rgb(21,36,163)
```
#0e1eaa
```
#0e1eaa rgb(14,30,170)
```
#0718b1
```
#0718b1 rgb(7,24,177)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d3f4e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004990 Protanopia 1% of men
#004d7e Deuteranopia 1% of men
#135258 Tritanopia 0.001% of the population

Trichromacy

#11438c Protanomaly 1% of men, 0.01% of women
#114681 Deuteranomaly 6% of men, 0.4% of women
#1e4969 Tritanomaly 0.01% of the population

#313a87 hex color

#313a87 Color Information

#313a87 Color Conversion

Color Schemes with #313a87

Alternatives to #313a87

#313a87 Preview

Shades and Tints of #313a87

Tones of #313a87

Color Blindness Simulator