#314e84 hex color

In a RGB color space, hex #314e84 is composed of 19.2% red, 30.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 40.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 219 degrees, a saturation of 45.9% and a lightness of 35.5%. #314e84 color hex could be obtained by blending #629cff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 31
- B 52
RGB color chart
- C 63
- M 41
- Y 0
- K 48
CMYK color chart

● #314e84 color description : Dark moderate blue.

The hexadecimal color #314e84 has RGB values of R:49, G:78, B:132 and CMYK values of C:0.63, M:0.41, Y:0, K:0.48. Its decimal value is 3231364.

Hex triplet	314e84	`#314e84`
RGB Decimal	49, 78, 132	`rgb(49,78,132)`
RGB Percent	19.2, 30.6, 51.8	`rgb(19.2%,30.6%,51.8%)`
CMYK	63, 41, 0, 48
HSL	219°, 45.9, 35.5	`hsl(219,45.9%,35.5%)`
HSV (or HSB)	219°, 62.9, 51.8
Web Safe	336699	`#336699`

CIE-LAB	33.493, 7.195, -33.602
XYZ	8.155, 7.767, 22.898
xyY	0.21, 0.2, 7.767
CIE-LCH	33.493, 34.363, 282.086
CIE-LUV	33.493, -12.687, -46.504
Hunter-Lab	27.87, 3.459, -29.204
Binary	00110001, 01001110, 10000100

#314e84
```
#314e84 rgb(49,78,132)
```
#846731
```
#846731 rgb(132,103,49)
```

Complementary Color

#317884
```
#317884 rgb(49,120,132)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#3e3184
```
#3e3184 rgb(62,49,132)
```

Analogous Color

#788431
```
#788431 rgb(120,132,49)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#843e31
```
#843e31 rgb(132,62,49)
```

Split Complementary Color

#4e8431
```
#4e8431 rgb(78,132,49)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#84314e
```
#84314e rgb(132,49,78)
```

Triadic Color

#318467
```
#318467 rgb(49,132,103)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#84314e
```
#84314e rgb(132,49,78)
```
#846731
```
#846731 rgb(132,103,49)
```

Tetradic Color

#1c2d4c
```
#1c2d4c rgb(28,45,76)
```
#23385f
```
#23385f rgb(35,56,95)
```
#2a4371
```
#2a4371 rgb(42,67,113)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#385997
```
#385997 rgb(56,89,151)
```
#3f64a9
```
#3f64a9 rgb(63,100,169)
```
#476fbb
```
#476fbb rgb(71,111,187)
```

Monochromatic Color

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

#316384
```
#316384 rgb(49,99,132)
```
#315c84
```
#315c84 rgb(49,92,132)
```
#315584
```
#315584 rgb(49,85,132)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#314784
```
#314784 rgb(49,71,132)
```
#314084
```
#314084 rgb(49,64,132)
```
#313984
```
#313984 rgb(49,57,132)
```

Similar Colors

Text with hexadecimal color #314e84

This text has a font color of #314e84.

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

#314e84 background color

This paragraph has a background color of #314e84.

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

#314e84 border color

This element has a border color of #314e84.

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

CSS codes

.text {color:#314e84;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070a12
```
#070a12 rgb(7,10,18)
```
#0c1320
```
#0c1320 rgb(12,19,32)
```
#111b2e
```
#111b2e rgb(17,27,46)
```
#16243c
```
#16243c rgb(22,36,60)
```
#1c2c4b
```
#1c2c4b rgb(28,44,75)
```
#213559
```
#213559 rgb(33,53,89)
```
#263d67
```
#263d67 rgb(38,61,103)
```
#2c4676
```
#2c4676 rgb(44,70,118)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#365692
```
#365692 rgb(54,86,146)
```
#3c5fa1
```
#3c5fa1 rgb(60,95,161)
```
#4167af
```
#4167af rgb(65,103,175)
```

Shade Color Variation

#4870bb
```
#4870bb rgb(72,112,187)
```
#577cc0
```
#577cc0 rgb(87,124,192)
```
#6587c6
```
#6587c6 rgb(101,135,198)
```
#7392cb
```
#7392cb rgb(115,146,203)
```
#829dd0
```
#829dd0 rgb(130,157,208)
```
#90a8d6
```
#90a8d6 rgb(144,168,214)
```
#9eb3db
```
#9eb3db rgb(158,179,219)
```
#acbfe0
```
#acbfe0 rgb(172,191,224)
```
#bbcae6
```
#bbcae6 rgb(187,202,230)
```
#c9d5eb
```
#c9d5eb rgb(201,213,235)
```
#d7e0f0
```
#d7e0f0 rgb(215,224,240)
```
#e6ebf6
```
#e6ebf6 rgb(230,235,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #545861 is the less saturated color, while #003fb5 is the most saturated one.

#545861
```
#545861 rgb(84,88,97)
```
#4d5668
```
#4d5668 rgb(77,86,104)
```
#46546f
```
#46546f rgb(70,84,111)
```
#3f5276
```
#3f5276 rgb(63,82,118)
```
#38507d
```
#38507d rgb(56,80,125)
```
#314e84
```
#314e84 rgb(49,78,132)
```
#2a4c8b
```
#2a4c8b rgb(42,76,139)
```
#234a92
```
#234a92 rgb(35,74,146)
```
#1c4899
```
#1c4899 rgb(28,72,153)
```
#1546a0
```
#1546a0 rgb(21,70,160)
```
#0e44a7
```
#0e44a7 rgb(14,68,167)
```
#0741ae
```
#0741ae rgb(7,65,174)
```
#003fb5
```
#003fb5 rgb(0,63,181)
```

Tone Color Variation

Below, you can see how #314e84 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
#464c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#415689 Protanopia 1% of men
#345889 Deuteranopia 1% of men
#255f66 Tritanopia 0.001% of the population

Trichromacy

#3b5387 Protanomaly 1% of men, 0.01% of women
#335487 Deuteranomaly 6% of men, 0.4% of women
#295971 Tritanomaly 0.01% of the population

#314e84 hex color

#314e84 Color Information

#314e84 Color Conversion

Color Schemes with #314e84

Alternatives to #314e84

#314e84 Preview

Shades and Tints of #314e84

Tones of #314e84

Color Blindness Simulator