#313b87 hex color

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

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

● #313b87 color description : Dark moderate blue.

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

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

CIE-LAB	28.194, 21.098, -43.956
XYZ	7.203, 5.53, 23.608
xyY	0.198, 0.152, 5.53
CIE-LCH	28.194, 48.757, 295.64
CIE-LUV	28.194, -6.912, -58.338
Hunter-Lab	23.516, 13.523, -43.063
Binary	00110001, 00111011, 10000111

#313b87
```
#313b87 rgb(49,59,135)
```
#877d31
```
#877d31 rgb(135,125,49)
```

Complementary Color

#316687
```
#316687 rgb(49,102,135)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#523187
```
#523187 rgb(82,49,135)
```

Analogous Color

#668731
```
#668731 rgb(102,135,49)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#875231
```
#875231 rgb(135,82,49)
```

Split Complementary Color

#3b8731
```
#3b8731 rgb(59,135,49)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#87313b
```
#87313b rgb(135,49,59)
```

Triadic Color

#31877d
```
#31877d rgb(49,135,125)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#87313b
```
#87313b rgb(135,49,59)
```
#877d31
```
#877d31 rgb(135,125,49)
```

Tetradic Color

#1d224f
```
#1d224f rgb(29,34,79)
```
#232b62
```
#232b62 rgb(35,43,98)
```
#2a3374
```
#2a3374 rgb(42,51,116)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#38439a
```
#38439a rgb(56,67,154)
```
#3f4bac
```
#3f4bac rgb(63,75,172)
```
#4856bd
```
#4856bd rgb(72,86,189)
```

Monochromatic Color

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

#315187
```
#315187 rgb(49,81,135)
```
#314987
```
#314987 rgb(49,73,135)
```
#314287
```
#314287 rgb(49,66,135)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#313487
```
#313487 rgb(49,52,135)
```
#353187
```
#353187 rgb(53,49,135)
```
#3d3187
```
#3d3187 rgb(61,49,135)
```

Similar Colors

Text with hexadecimal color #313b87

This text has a font color of #313b87.

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

#313b87 background color

This paragraph has a background color of #313b87.

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

#313b87 border color

This element has a border color of #313b87.

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

CSS codes

.text {color:#313b87;}

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

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

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)
```
#171c3f
```
#171c3f rgb(23,28,63)
```
#1c224d
```
#1c224d rgb(28,34,77)
```
#21285c
```
#21285c rgb(33,40,92)
```
#272e6a
```
#272e6a rgb(39,46,106)
```
#2c3579
```
#2c3579 rgb(44,53,121)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#364195
```
#364195 rgb(54,65,149)
```
#3b48a4
```
#3b48a4 rgb(59,72,164)
```
#414eb2
```
#414eb2 rgb(65,78,178)
```

Shade Color Variation

#4957bd
```
#4957bd rgb(73,87,189)
```
#5864c2
```
#5864c2 rgb(88,100,194)
```
#6671c8
```
#6671c8 rgb(102,113,200)
```
#757fcd
```
#757fcd rgb(117,127,205)
```
#838cd2
```
#838cd2 rgb(131,140,210)
```
#9199d7
```
#9199d7 rgb(145,153,215)
```
#a0a7dc
```
#a0a7dc rgb(160,167,220)
```
#aeb4e2
```
#aeb4e2 rgb(174,180,226)
```
#bdc1e7
```
#bdc1e7 rgb(189,193,231)
```
#cbcfec
```
#cbcfec rgb(203,207,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 #071ab1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545664
```
#545664 rgb(84,86,100)
```
#4d516b
```
#4d516b rgb(77,81,107)
```
#464b72
```
#464b72 rgb(70,75,114)
```
#3f4679
```
#3f4679 rgb(63,70,121)
```
#384080
```
#384080 rgb(56,64,128)
```
#313b87
```
#313b87 rgb(49,59,135)
```
#2a368e
```
#2a368e rgb(42,54,142)
```
#233095
```
#233095 rgb(35,48,149)
```
#1c2b9c
```
#1c2b9c rgb(28,43,156)
```
#1525a3
```
#1525a3 rgb(21,37,163)
```
#0e20aa
```
#0e20aa rgb(14,32,170)
```
#071ab1
```
#071ab1 rgb(7,26,177)
```

Tone Color Variation

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

#004991 Protanopia 1% of men
#004d7f Deuteranopia 1% of men
#145359 Tritanopia 0.001% of the population

Trichromacy

#11448d Protanomaly 1% of men, 0.01% of women
#114782 Deuteranomaly 6% of men, 0.4% of women
#1e4a6a Tritanomaly 0.01% of the population

#313b87 hex color

#313b87 Color Information

#313b87 Color Conversion

Color Schemes with #313b87

Alternatives to #313b87

#313b87 Preview

Shades and Tints of #313b87

Tones of #313b87

Color Blindness Simulator