#314691 hex color

In a RGB color space, hex #314691 is composed of 19.2% red, 27.5% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 51.7% magenta, 0% yellow and 43.1% black. It has a hue angle of 226.9 degrees, a saturation of 49.5% and a lightness of 38%. #314691 color hex could be obtained by blending #628cff with #000023. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 57
RGB color chart
- C 66
- M 52
- Y 0
- K 43
CMYK color chart

● #314691 color description : Dark moderate blue.

The hexadecimal color #314691 has RGB values of R:49, G:70, B:145 and CMYK values of C:0.66, M:0.52, Y:0, K:0.43. Its decimal value is 3229329.

Hex triplet	314691	`#314691`
RGB Decimal	49, 70, 145	`rgb(49,70,145)`
RGB Percent	19.2, 27.5, 56.9	`rgb(19.2%,27.5%,56.9%)`
CMYK	66, 52, 0, 43
HSL	226.9°, 49.5, 38	`hsl(226.9,49.5%,38%)`
HSV (or HSB)	226.9°, 66.2, 56.9
Web Safe	333399	`#333399`

CIE-LAB	31.982, 17.359, -44.002
XYZ	8.567, 7.077, 27.701
xyY	0.198, 0.163, 7.077
CIE-LCH	31.982, 47.302, 291.53
CIE-LUV	31.982, -10.239, -60.854
Hunter-Lab	26.603, 10.925, -43.116
Binary	00110001, 01000110, 10010001

#314691
```
#314691 rgb(49,70,145)
```
#917c31
```
#917c31 rgb(145,124,49)
```

Complementary Color

#317691
```
#317691 rgb(49,118,145)
```
#314691
```
#314691 rgb(49,70,145)
```
#4c3191
```
#4c3191 rgb(76,49,145)
```

Analogous Color

#769131
```
#769131 rgb(118,145,49)
```
#314691
```
#314691 rgb(49,70,145)
```
#914c31
```
#914c31 rgb(145,76,49)
```

Split Complementary Color

#469131
```
#469131 rgb(70,145,49)
```
#314691
```
#314691 rgb(49,70,145)
```
#913146
```
#913146 rgb(145,49,70)
```

Triadic Color

#31917c
```
#31917c rgb(49,145,124)
```
#314691
```
#314691 rgb(49,70,145)
```
#913146
```
#913146 rgb(145,49,70)
```
#917c31
```
#917c31 rgb(145,124,49)
```

Tetradic Color

#1e2a58
```
#1e2a58 rgb(30,42,88)
```
#24346b
```
#24346b rgb(36,52,107)
```
#2b3d7e
```
#2b3d7e rgb(43,61,126)
```
#314691
```
#314691 rgb(49,70,145)
```
#374fa4
```
#374fa4 rgb(55,79,164)
```
#3e58b7
```
#3e58b7 rgb(62,88,183)
```
#4c66c3
```
#4c66c3 rgb(76,102,195)
```

Monochromatic Color

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

#315e91
```
#315e91 rgb(49,94,145)
```
#315691
```
#315691 rgb(49,86,145)
```
#314e91
```
#314e91 rgb(49,78,145)
```
#314691
```
#314691 rgb(49,70,145)
```
#313e91
```
#313e91 rgb(49,62,145)
```
#313691
```
#313691 rgb(49,54,145)
```
#343191
```
#343191 rgb(52,49,145)
```

Similar Colors

Text with hexadecimal color #314691

This text has a font color of #314691.

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

#314691 background color

This paragraph has a background color of #314691.

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

#314691 border color

This element has a border color of #314691.

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

CSS codes

.text {color:#314691;}

.background {background-color:#314691;}

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

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, #04060d is the darkest color, while #fdfefe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#090d1c
```
#090d1c rgb(9,13,28)
```
#0e142a
```
#0e142a rgb(14,20,42)
```
#131c39
```
#131c39 rgb(19,28,57)
```
#182348
```
#182348 rgb(24,35,72)
```
#1d2a56
```
#1d2a56 rgb(29,42,86)
```
#223165
```
#223165 rgb(34,49,101)
```
#273874
```
#273874 rgb(39,56,116)
```
#2c3f82
```
#2c3f82 rgb(44,63,130)
```
#314691
```
#314691 rgb(49,70,145)
```
#364da0
```
#364da0 rgb(54,77,160)
```
#3b54ae
```
#3b54ae rgb(59,84,174)
```
#405bbd
```
#405bbd rgb(64,91,189)
```

Shade Color Variation

#4d67c3
```
#4d67c3 rgb(77,103,195)
```
#5c74c8
```
#5c74c8 rgb(92,116,200)
```
#6b80cd
```
#6b80cd rgb(107,128,205)
```
#798dd2
```
#798dd2 rgb(121,141,210)
```
#8899d7
```
#8899d7 rgb(136,153,215)
```
#97a6dc
```
#97a6dc rgb(151,166,220)
```
#a5b2e1
```
#a5b2e1 rgb(165,178,225)
```
#b4bfe6
```
#b4bfe6 rgb(180,191,230)
```
#c3cbeb
```
#c3cbeb rgb(195,203,235)
```
#d1d8f0
```
#d1d8f0 rgb(209,216,240)
```
#e0e5f5
```
#e0e5f5 rgb(224,229,245)
```
#eff1fa
```
#eff1fa rgb(239,241,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f64 is the less saturated color, while #042dbe is the most saturated one.

#5e5f64
```
#5e5f64 rgb(94,95,100)
```
#565b6c
```
#565b6c rgb(86,91,108)
```
#4f5773
```
#4f5773 rgb(79,87,115)
```
#47537b
```
#47537b rgb(71,83,123)
```
#404e82
```
#404e82 rgb(64,78,130)
```
#384a8a
```
#384a8a rgb(56,74,138)
```
#314691
```
#314691 rgb(49,70,145)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#223ea0
```
#223ea0 rgb(34,62,160)
```
#1b39a7
```
#1b39a7 rgb(27,57,167)
```
#1335af
```
#1335af rgb(19,53,175)
```
#0c31b6
```
#0c31b6 rgb(12,49,182)
```
#042dbe
```
#042dbe rgb(4,45,190)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434857 Atypical Achromatopsia 0.001% of the population

Dichromacy

#265299 Protanopia 1% of men
#00568e Deuteranopia 1% of men
#005c63 Tritanopia 0.001% of the population

Trichromacy

#2a4d96 Protanomaly 1% of men, 0.01% of women
#11508f Deuteranomaly 6% of men, 0.4% of women
#115474 Tritanomaly 0.01% of the population

#314691 hex color

#314691 Color Information

#314691 Color Conversion

Color Schemes with #314691

Alternatives to #314691

#314691 Preview

Shades and Tints of #314691

Tones of #314691

Color Blindness Simulator