#314c81 hex color

In a RGB color space, hex #314c81 is composed of 19.2% red, 29.8% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 41.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 219.8 degrees, a saturation of 44.9% and a lightness of 34.9%. #314c81 color hex could be obtained by blending #6298ff with #000003. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 30
- B 51
RGB color chart
- C 62
- M 41
- Y 0
- K 49
CMYK color chart

● #314c81 color description : Dark moderate blue.

The hexadecimal color #314c81 has RGB values of R:49, G:76, B:129 and CMYK values of C:0.62, M:0.41, Y:0, K:0.49. Its decimal value is 3230849.

Hex triplet	314c81	`#314c81`
RGB Decimal	49, 76, 129	`rgb(49,76,129)`
RGB Percent	19.2, 29.8, 50.6	`rgb(19.2%,29.8%,50.6%)`
CMYK	62, 41, 0, 49
HSL	219.8°, 44.9, 34.9	`hsl(219.8,44.9%,34.9%)`
HSV (or HSB)	219.8°, 62, 50.6
Web Safe	333399	`#333399`

CIE-LAB	32.715, 7.421, -32.986
XYZ	7.813, 7.406, 21.786
xyY	0.211, 0.2, 7.406
CIE-LCH	32.715, 33.81, 282.68
CIE-LUV	32.715, -12.012, -45.331
Hunter-Lab	27.215, 3.617, -28.412
Binary	00110001, 01001100, 10000001

#314c81
```
#314c81 rgb(49,76,129)
```
#816631
```
#816631 rgb(129,102,49)
```

Complementary Color

#317481
```
#317481 rgb(49,116,129)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#3e3181
```
#3e3181 rgb(62,49,129)
```

Analogous Color

#748131
```
#748131 rgb(116,129,49)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#813e31
```
#813e31 rgb(129,62,49)
```

Split Complementary Color

#4c8131
```
#4c8131 rgb(76,129,49)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#81314c
```
#81314c rgb(129,49,76)
```

Triadic Color

#318166
```
#318166 rgb(49,129,102)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#81314c
```
#81314c rgb(129,49,76)
```
#816631
```
#816631 rgb(129,102,49)
```

Tetradic Color

#1c2b4a
```
#1c2b4a rgb(28,43,74)
```
#23365c
```
#23365c rgb(35,54,92)
```
#2a416f
```
#2a416f rgb(42,65,111)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#385793
```
#385793 rgb(56,87,147)
```
#3f62a6
```
#3f62a6 rgb(63,98,166)
```
#466db8
```
#466db8 rgb(70,109,184)
```

Monochromatic Color

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

#316081
```
#316081 rgb(49,96,129)
```
#315981
```
#315981 rgb(49,89,129)
```
#315381
```
#315381 rgb(49,83,129)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#314581
```
#314581 rgb(49,69,129)
```
#313f81
```
#313f81 rgb(49,63,129)
```
#313881
```
#313881 rgb(49,56,129)
```

Similar Colors

Text with hexadecimal color #314c81

This text has a font color of #314c81.

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

#314c81 background color

This paragraph has a background color of #314c81.

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

#314c81 border color

This element has a border color of #314c81.

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

CSS codes

.text {color:#314c81;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#06090f
```
#06090f rgb(6,9,15)
```
#0b111d
```
#0b111d rgb(11,17,29)
```
#111a2c
```
#111a2c rgb(17,26,44)
```
#16223a
```
#16223a rgb(22,34,58)
```
#1b2a48
```
#1b2a48 rgb(27,42,72)
```
#213356
```
#213356 rgb(33,51,86)
```
#263b65
```
#263b65 rgb(38,59,101)
```
#2c4473
```
#2c4473 rgb(44,68,115)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#36548f
```
#36548f rgb(54,84,143)
```
#3c5d9d
```
#3c5d9d rgb(60,93,157)
```
#4165ac
```
#4165ac rgb(65,101,172)
```

Shade Color Variation

#476eb9
```
#476eb9 rgb(71,110,185)
```
#5579bf
```
#5579bf rgb(85,121,191)
```
#6484c4
```
#6484c4 rgb(100,132,196)
```
#728fc9
```
#728fc9 rgb(114,143,201)
```
#809bcf
```
#809bcf rgb(128,155,207)
```
#8ea6d4
```
#8ea6d4 rgb(142,166,212)
```
#9db1da
```
#9db1da rgb(157,177,218)
```
#abbcdf
```
#abbcdf rgb(171,188,223)
```
#b9c8e4
```
#b9c8e4 rgb(185,200,228)
```
#c7d3ea
```
#c7d3ea rgb(199,211,234)
```
#d5deef
```
#d5deef rgb(213,222,239)
```
#e4e9f5
```
#e4e9f5 rgb(228,233,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53575f is the less saturated color, while #013cb1 is the most saturated one.

#53575f
```
#53575f rgb(83,87,95)
```
#4c5566
```
#4c5566 rgb(76,85,102)
```
#46536c
```
#46536c rgb(70,83,108)
```
#3f5073
```
#3f5073 rgb(63,80,115)
```
#384e7a
```
#384e7a rgb(56,78,122)
```
#314c81
```
#314c81 rgb(49,76,129)
```
#2a4a88
```
#2a4a88 rgb(42,74,136)
```
#23488f
```
#23488f rgb(35,72,143)
```
#1c4596
```
#1c4596 rgb(28,69,150)
```
#16439c
```
#16439c rgb(22,67,156)
```
#0f41a3
```
#0f41a3 rgb(15,65,163)
```
#083faa
```
#083faa rgb(8,63,170)
```
#013cb1
```
#013cb1 rgb(1,60,177)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#454a55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#405486 Protanopia 1% of men
#345687 Deuteranopia 1% of men
#265d64 Tritanopia 0.001% of the population

Trichromacy

#3a5184 Protanomaly 1% of men, 0.01% of women
#335284 Deuteranomaly 6% of men, 0.4% of women
#2a576e Tritanomaly 0.01% of the population

#314c81 hex color

#314c81 Color Information

#314c81 Color Conversion

Color Schemes with #314c81

Alternatives to #314c81

#314c81 Preview

Shades and Tints of #314c81

Tones of #314c81

Color Blindness Simulator