#313987 hex color

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

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

● #313987 color description : Dark moderate blue.

The hexadecimal color #313987 has RGB values of R:49, G:57, B:135 and CMYK values of C:0.64, M:0.58, Y:0, K:0.47. Its decimal value is 3225991.

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

CIE-LAB	27.65, 22.451, -44.836
XYZ	7.102, 5.328, 23.575
xyY	0.197, 0.148, 5.328
CIE-LCH	27.65, 50.143, 296.598
CIE-LUV	27.65, -6.382, -59.075
Hunter-Lab	23.083, 14.526, -44.395
Binary	00110001, 00111001, 10000111

#313987
```
#313987 rgb(49,57,135)
```
#877f31
```
#877f31 rgb(135,127,49)
```

Complementary Color

#316487
```
#316487 rgb(49,100,135)
```
#313987
```
#313987 rgb(49,57,135)
```
#543187
```
#543187 rgb(84,49,135)
```

Analogous Color

#648731
```
#648731 rgb(100,135,49)
```
#313987
```
#313987 rgb(49,57,135)
```
#875431
```
#875431 rgb(135,84,49)
```

Split Complementary Color

#398731
```
#398731 rgb(57,135,49)
```
#313987
```
#313987 rgb(49,57,135)
```
#873139
```
#873139 rgb(135,49,57)
```

Triadic Color

#31877f
```
#31877f rgb(49,135,127)
```
#313987
```
#313987 rgb(49,57,135)
```
#873139
```
#873139 rgb(135,49,57)
```
#877f31
```
#877f31 rgb(135,127,49)
```

Tetradic Color

#1d214f
```
#1d214f rgb(29,33,79)
```
#232962
```
#232962 rgb(35,41,98)
```
#2a3174
```
#2a3174 rgb(42,49,116)
```
#313987
```
#313987 rgb(49,57,135)
```
#38419a
```
#38419a rgb(56,65,154)
```
#3f49ac
```
#3f49ac rgb(63,73,172)
```
#4853bd
```
#4853bd rgb(72,83,189)
```

Monochromatic Color

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

#314e87
```
#314e87 rgb(49,78,135)
```
#314787
```
#314787 rgb(49,71,135)
```
#314087
```
#314087 rgb(49,64,135)
```
#313987
```
#313987 rgb(49,57,135)
```
#313287
```
#313287 rgb(49,50,135)
```
#373187
```
#373187 rgb(55,49,135)
```
#3f3187
```
#3f3187 rgb(63,49,135)
```

Similar Colors

Text with hexadecimal color #313987

This text has a font color of #313987.

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

#313987 background color

This paragraph has a background color of #313987.

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

#313987 border color

This element has a border color of #313987.

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

CSS codes

.text {color:#313987;}

.background {background-color:#313987;}

.border {border:1px solid #313987;}

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)
```
#070814
```
#070814 rgb(7,8,20)
```
#0c0e22
```
#0c0e22 rgb(12,14,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)
```
#272d6a
```
#272d6a rgb(39,45,106)
```
#2c3379
```
#2c3379 rgb(44,51,121)
```
#313987
```
#313987 rgb(49,57,135)
```
#363f95
```
#363f95 rgb(54,63,149)
```
#3b45a4
```
#3b45a4 rgb(59,69,164)
```
#414bb2
```
#414bb2 rgb(65,75,178)
```

Shade Color Variation

#4954bd
```
#4954bd rgb(73,84,189)
```
#5862c2
```
#5862c2 rgb(88,98,194)
```
#666fc8
```
#666fc8 rgb(102,111,200)
```
#757dcd
```
#757dcd rgb(117,125,205)
```
#838ad2
```
#838ad2 rgb(131,138,210)
```
#9198d7
```
#9198d7 rgb(145,152,215)
```
#a0a5dc
```
#a0a5dc rgb(160,165,220)
```
#aeb3e2
```
#aeb3e2 rgb(174,179,226)
```
#bdc0e7
```
#bdc0e7 rgb(189,192,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 #0716b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545664
```
#545664 rgb(84,86,100)
```
#4d506b
```
#4d506b rgb(77,80,107)
```
#464a72
```
#464a72 rgb(70,74,114)
```
#3f4579
```
#3f4579 rgb(63,69,121)
```
#383f80
```
#383f80 rgb(56,63,128)
```
#313987
```
#313987 rgb(49,57,135)
```
#2a338e
```
#2a338e rgb(42,51,142)
```
#232d95
```
#232d95 rgb(35,45,149)
```
#1c289c
```
#1c289c rgb(28,40,156)
```
#1522a3
```
#1522a3 rgb(21,34,163)
```
#0e1caa
```
#0e1caa rgb(14,28,170)
```
#0716b1
```
#0716b1 rgb(7,22,177)
```

Tone Color Variation

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

#00488e Protanopia 1% of men
#004c7d Deuteranopia 1% of men
#125258 Tritanopia 0.001% of the population

Trichromacy

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

#313987 hex color

#313987 Color Information

#313987 Color Conversion

Color Schemes with #313987

Alternatives to #313987

#313987 Preview

Shades and Tints of #313987

Tones of #313987

Color Blindness Simulator