#314d86 Color Information
In a RGB color space, hex #314d86 is composed of 19.2% red, 30.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 42.5% magenta, 0% yellow and 47.5% black. It has a hue angle of 220.2 degrees, a saturation of 46.4% and a lightness of 35.9%. #314d86 color hex could be obtained by blending #629aff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 30
- B 53
-
- C 63
- M 43
- Y 0
- K 47
● #314d86 color description : Dark moderate blue.
#314d86 Color Conversion
The hexadecimal color #314d86 has RGB values of R:49, G:77, B:134 and CMYK values of C:0.63, M:0.43, Y:0, K:0.47. Its decimal value is 3231110.
Hex triplet | 314d86 | #314d86 |
---|---|---|
RGB Decimal | 49, 77, 134 | rgb(49,77,134) |
RGB Percent | 19.2, 30.2, 52.5 | rgb(19.2%,30.2%,52.5%) |
CMYK | 63, 43, 0, 47 | |
HSL | 220.2°, 46.4, 35.9 | hsl(220.2,46.4%,35.9%) |
HSV (or HSB) | 220.2°, 63.4, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.311, 8.591, -35.124 |
---|---|
XYZ | 8.223, 7.681, 23.602 |
xyY | 0.208, 0.194, 7.681 |
CIE-LCH | 33.311, 36.159, 283.745 |
CIE-LUV | 33.311, -12.35, -48.691 |
Hunter-Lab | 27.715, 4.455, -31.09 |
Binary | 00110001, 01001101, 10000110 |
Color Schemes with #314d86
Alternatives to #314d86
Below, you can see some colors close to #314d86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314d86 Preview
This text has a font color of #314d86.
<span style="color:#314d86;">Text here</span>
This paragraph has a background color of #314d86.
<p style="background-color:#314d86;">Content here</p>
This element has a border color of #314d86.
<div style="border:1px solid #314d86;">Content here</div>
.text {color:#314d86;}
.background {background-color:#314d86;}
.border {border:1px solid #314d86;}
Shades and Tints of #314d86
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 #f5f7fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070b13
#070b13
rgb(7,11,19)
-
#0c1321
#0c1321
rgb(12,19,33)
-
#111b30
#111b30
rgb(17,27,48)
-
#17243e
#17243e
rgb(23,36,62)
-
#1c2c4d
#1c2c4d
rgb(28,44,77)
-
#21345b
#21345b
rgb(33,52,91)
-
#263c69
#263c69
rgb(38,60,105)
-
#2c4578
#2c4578
rgb(44,69,120)
-
#314d86
#314d86
rgb(49,77,134)
-
#365594
#365594
rgb(54,85,148)
-
#3c5ea3
#3c5ea3
rgb(60,94,163)
-
#4166b1
#4166b1
rgb(65,102,177)
-
#496fbc
#496fbc
rgb(73,111,188)
-
#577ac2
#577ac2
rgb(87,122,194)
-
#6686c7
#6686c7
rgb(102,134,199)
-
#7491cc
#7491cc
rgb(116,145,204)
-
#829cd1
#829cd1
rgb(130,156,209)
-
#91a8d7
#91a8d7
rgb(145,168,215)
-
#9fb3dc
#9fb3dc
rgb(159,179,220)
-
#aebfe1
#aebfe1
rgb(174,191,225)
-
#bccae6
#bccae6
rgb(188,202,230)
-
#cad5ec
#cad5ec
rgb(202,213,236)
-
#d9e1f1
#d9e1f1
rgb(217,225,241)
-
#e7ecf6
#e7ecf6
rgb(231,236,246)
-
#f5f7fb
#f5f7fb
rgb(245,247,251)
Tones of #314d86
A tone is produced by adding gray to any pure hue. In this case, #5b5b5c is the less saturated color, while #073fb0 is the most saturated one.
-
#5b5b5c
#5b5b5c
rgb(91,91,92)
-
#545963
#545963
rgb(84,89,99)
-
#4d576a
#4d576a
rgb(77,87,106)
-
#465471
#465471
rgb(70,84,113)
-
#3f5278
#3f5278
rgb(63,82,120)
-
#384f7f
#384f7f
rgb(56,79,127)
-
#314d86
#314d86
rgb(49,77,134)
-
#2a4b8d
#2a4b8d
rgb(42,75,141)
-
#234894
#234894
rgb(35,72,148)
-
#1c469b
#1c469b
rgb(28,70,155)
-
#1543a2
#1543a2
rgb(21,67,162)
-
#0e41a9
#0e41a9
rgb(14,65,169)
-
#073fb0
#073fb0
rgb(7,63,176)
Color Blindness Simulator
Below, you can see how #314d86 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.