#314d87 hex color

In a RGB color space, hex #314d87 is composed of 19.2% red, 30.2% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 43% magenta, 0% yellow and 47.1% black. It has a hue angle of 220.5 degrees, a saturation of 46.7% and a lightness of 36.1%. #314d87 color hex could be obtained by blending #629aff with #00000f. Closest websafe color is: #336699.

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

● #314d87 color description : Dark moderate blue.

The hexadecimal color #314d87 has RGB values of R:49, G:77, B:135 and CMYK values of C:0.64, M:0.43, Y:0, K:0.47. Its decimal value is 3231111.

Hex triplet	314d87	`#314d87`
RGB Decimal	49, 77, 135	`rgb(49,77,135)`
RGB Percent	19.2, 30.2, 52.9	`rgb(19.2%,30.2%,52.9%)`
CMYK	64, 43, 0, 47
HSL	220.5°, 46.7, 36.1	`hsl(220.5,46.7%,36.1%)`
HSV (or HSB)	220.5°, 63.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	33.37, 8.96, -35.644
XYZ	8.293, 7.71, 23.971
xyY	0.207, 0.193, 7.71
CIE-LCH	33.37, 36.752, 284.11
CIE-LUV	33.37, -12.351, -49.479
Hunter-Lab	27.766, 4.721, -31.751
Binary	00110001, 01001101, 10000111

#314d87
```
#314d87 rgb(49,77,135)
```
#876b31
```
#876b31 rgb(135,107,49)
```

Complementary Color

#317887
```
#317887 rgb(49,120,135)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#403187
```
#403187 rgb(64,49,135)
```

Analogous Color

#788731
```
#788731 rgb(120,135,49)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#874031
```
#874031 rgb(135,64,49)
```

Split Complementary Color

#4d8731
```
#4d8731 rgb(77,135,49)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#87314d
```
#87314d rgb(135,49,77)
```

Triadic Color

#31876b
```
#31876b rgb(49,135,107)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#87314d
```
#87314d rgb(135,49,77)
```
#876b31
```
#876b31 rgb(135,107,49)
```

Tetradic Color

#1d2d4f
```
#1d2d4f rgb(29,45,79)
```
#233862
```
#233862 rgb(35,56,98)
```
#2a4274
```
#2a4274 rgb(42,66,116)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#38589a
```
#38589a rgb(56,88,154)
```
#3f62ac
```
#3f62ac rgb(63,98,172)
```
#486ebd
```
#486ebd rgb(72,110,189)
```

Monochromatic Color

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

#316387
```
#316387 rgb(49,99,135)
```
#315b87
```
#315b87 rgb(49,91,135)
```
#315487
```
#315487 rgb(49,84,135)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#314687
```
#314687 rgb(49,70,135)
```
#313f87
```
#313f87 rgb(49,63,135)
```
#313887
```
#313887 rgb(49,56,135)
```

Similar Colors

Text with hexadecimal color #314d87

This text has a font color of #314d87.

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

#314d87 background color

This paragraph has a background color of #314d87.

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

#314d87 border color

This element has a border color of #314d87.

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

CSS codes

.text {color:#314d87;}

.background {background-color:#314d87;}

.border {border:1px solid #314d87;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070b14
```
#070b14 rgb(7,11,20)
```
#0c1422
```
#0c1422 rgb(12,20,34)
```
#121c31
```
#121c31 rgb(18,28,49)
```
#17243f
```
#17243f rgb(23,36,63)
```
#1c2c4d
```
#1c2c4d rgb(28,44,77)
```
#21345c
```
#21345c rgb(33,52,92)
```
#273d6a
```
#273d6a rgb(39,61,106)
```
#2c4579
```
#2c4579 rgb(44,69,121)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#365595
```
#365595 rgb(54,85,149)
```
#3b5da4
```
#3b5da4 rgb(59,93,164)
```
#4166b2
```
#4166b2 rgb(65,102,178)
```

Shade Color Variation

#496fbd
```
#496fbd rgb(73,111,189)
```
#587ac2
```
#587ac2 rgb(88,122,194)
```
#6686c8
```
#6686c8 rgb(102,134,200)
```
#7591cd
```
#7591cd rgb(117,145,205)
```
#839dd2
```
#839dd2 rgb(131,157,210)
```
#91a8d7
```
#91a8d7 rgb(145,168,215)
```
#a0b3dc
```
#a0b3dc rgb(160,179,220)
```
#aebfe2
```
#aebfe2 rgb(174,191,226)
```
#bdcae7
```
#bdcae7 rgb(189,202,231)
```
#cbd6ec
```
#cbd6ec rgb(203,214,236)
```
#d9e1f1
```
#d9e1f1 rgb(217,225,241)
```
#e8edf7
```
#e8edf7 rgb(232,237,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,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 #073eb1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545964
```
#545964 rgb(84,89,100)
```
#4d576b
```
#4d576b rgb(77,87,107)
```
#465472
```
#465472 rgb(70,84,114)
```
#3f5279
```
#3f5279 rgb(63,82,121)
```
#384f80
```
#384f80 rgb(56,79,128)
```
#314d87
```
#314d87 rgb(49,77,135)
```
#2a4b8e
```
#2a4b8e rgb(42,75,142)
```
#234895
```
#234895 rgb(35,72,149)
```
#1c469c
```
#1c469c rgb(28,70,156)
```
#1543a3
```
#1543a3 rgb(21,67,163)
```
#0e41aa
```
#0e41aa rgb(14,65,170)
```
#073eb1
```
#073eb1 rgb(7,62,177)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464b57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e558c Protanopia 1% of men
#2e588c Deuteranopia 1% of men
#215f66 Tritanopia 0.001% of the population

Trichromacy

#39528a Protanomaly 1% of men, 0.01% of women
#2f548a Deuteranomaly 6% of men, 0.4% of women
#275872 Tritanomaly 0.01% of the population

#314d87 hex color

#314d87 Color Information

#314d87 Color Conversion

Color Schemes with #314d87

Alternatives to #314d87

#314d87 Preview

Shades and Tints of #314d87

Tones of #314d87

Color Blindness Simulator