#314e87 hex color

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

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

● #314e87 color description : Dark moderate blue.

The hexadecimal color #314e87 has RGB values of R:49, G:78, B:135 and CMYK values of C:0.64, M:0.42, Y:0, K:0.47. Its decimal value is 3231367.

Hex triplet	314e87	`#314e87`
RGB Decimal	49, 78, 135	`rgb(49,78,135)`
RGB Percent	19.2, 30.6, 52.9	`rgb(19.2%,30.6%,52.9%)`
CMYK	64, 42, 0, 47
HSL	219.8°, 46.7, 36.1	`hsl(219.8,46.7%,36.1%)`
HSV (or HSB)	219.8°, 63.7, 52.9
Web Safe	336699	`#336699`

CIE-LAB	33.67, 8.297, -35.167
XYZ	8.363, 7.851, 23.995
xyY	0.208, 0.195, 7.851
CIE-LCH	33.67, 36.133, 283.275
CIE-LUV	33.67, -12.683, -48.885
Hunter-Lab	28.019, 4.247, -31.162
Binary	00110001, 01001110, 10000111

#314e87
```
#314e87 rgb(49,78,135)
```
#876a31
```
#876a31 rgb(135,106,49)
```

Complementary Color

#317987
```
#317987 rgb(49,121,135)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#3f3187
```
#3f3187 rgb(63,49,135)
```

Analogous Color

#798731
```
#798731 rgb(121,135,49)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#873f31
```
#873f31 rgb(135,63,49)
```

Split Complementary Color

#4e8731
```
#4e8731 rgb(78,135,49)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#87314e
```
#87314e rgb(135,49,78)
```

Triadic Color

#31876a
```
#31876a rgb(49,135,106)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#87314e
```
#87314e rgb(135,49,78)
```
#876a31
```
#876a31 rgb(135,106,49)
```

Tetradic Color

#1d2e4f
```
#1d2e4f rgb(29,46,79)
```
#233862
```
#233862 rgb(35,56,98)
```
#2a4374
```
#2a4374 rgb(42,67,116)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#38599a
```
#38599a rgb(56,89,154)
```
#3f64ac
```
#3f64ac rgb(63,100,172)
```
#486fbd
```
#486fbd rgb(72,111,189)
```

Monochromatic Color

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

#316487
```
#316487 rgb(49,100,135)
```
#315c87
```
#315c87 rgb(49,92,135)
```
#315587
```
#315587 rgb(49,85,135)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#314787
```
#314787 rgb(49,71,135)
```
#314087
```
#314087 rgb(49,64,135)
```
#313987
```
#313987 rgb(49,57,135)
```

Similar Colors

Text with hexadecimal color #314e87

This text has a font color of #314e87.

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

#314e87 background color

This paragraph has a background color of #314e87.

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

#314e87 border color

This element has a border color of #314e87.

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

CSS codes

.text {color:#314e87;}

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

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

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)
```
#1c2d4d
```
#1c2d4d rgb(28,45,77)
```
#21355c
```
#21355c rgb(33,53,92)
```
#273d6a
```
#273d6a rgb(39,61,106)
```
#2c4679
```
#2c4679 rgb(44,70,121)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#365695
```
#365695 rgb(54,86,149)
```
#3b5fa4
```
#3b5fa4 rgb(59,95,164)
```
#4167b2
```
#4167b2 rgb(65,103,178)
```

Shade Color Variation

#4970bd
```
#4970bd rgb(73,112,189)
```
#587cc2
```
#587cc2 rgb(88,124,194)
```
#6687c8
```
#6687c8 rgb(102,135,200)
```
#7592cd
```
#7592cd rgb(117,146,205)
```
#839ed2
```
#839ed2 rgb(131,158,210)
```
#91a9d7
```
#91a9d7 rgb(145,169,215)
```
#a0b4dc
```
#a0b4dc rgb(160,180,220)
```
#aebfe2
```
#aebfe2 rgb(174,191,226)
```
#bdcbe7
```
#bdcbe7 rgb(189,203,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 #0740b1 is the most saturated one.

#5b5c5d
```
#5b5c5d rgb(91,92,93)
```
#545a64
```
#545a64 rgb(84,90,100)
```
#4d576b
```
#4d576b rgb(77,87,107)
```
#465572
```
#465572 rgb(70,85,114)
```
#3f5379
```
#3f5379 rgb(63,83,121)
```
#385080
```
#385080 rgb(56,80,128)
```
#314e87
```
#314e87 rgb(49,78,135)
```
#2a4c8e
```
#2a4c8e rgb(42,76,142)
```
#234995
```
#234995 rgb(35,73,149)
```
#1c479c
```
#1c479c rgb(28,71,156)
```
#1545a3
```
#1545a3 rgb(21,69,163)
```
#0e42aa
```
#0e42aa rgb(14,66,170)
```
#0740b1
```
#0740b1 rgb(7,64,177)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474c58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f568c Protanopia 1% of men
#31588c Deuteranopia 1% of men
#226067 Tritanopia 0.001% of the population

Trichromacy

#3a538a Protanomaly 1% of men, 0.01% of women
#31548a Deuteranomaly 6% of men, 0.4% of women
#275972 Tritanomaly 0.01% of the population

#314e87 hex color

#314e87 Color Information

#314e87 Color Conversion

Color Schemes with #314e87

Alternatives to #314e87

#314e87 Preview

Shades and Tints of #314e87

Tones of #314e87

Color Blindness Simulator