#314f86 Color Information
In a RGB color space, hex #314f86 is composed of 19.2% red, 31% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 41% magenta, 0% yellow and 47.5% black. It has a hue angle of 218.8 degrees, a saturation of 46.4% and a lightness of 35.9%. #314f86 color hex could be obtained by blending #629eff with #00000d. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 53
-
- C 63
- M 41
- Y 0
- K 47
● #314f86 color description : Dark moderate blue.
#314f86 Color Conversion
The hexadecimal color #314f86 has RGB values of R:49, G:79, B:134 and CMYK values of C:0.63, M:0.41, Y:0, K:0.47. Its decimal value is 3231622.
Hex triplet | 314f86 | #314f86 |
---|---|---|
RGB Decimal | 49, 79, 134 | rgb(49,79,134) |
RGB Percent | 19.2, 31, 52.5 | rgb(19.2%,31%,52.5%) |
CMYK | 63, 41, 0, 47 | |
HSL | 218.8°, 46.4, 35.9 | hsl(218.8,46.4%,35.9%) |
HSV (or HSB) | 218.8°, 63.4, 52.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.911, 7.269, -34.168 |
---|---|
XYZ | 8.365, 7.966, 23.65 |
xyY | 0.209, 0.199, 7.966 |
CIE-LCH | 33.911, 34.933, 282.009 |
CIE-LUV | 33.911, -13.02, -47.486 |
Hunter-Lab | 28.224, 3.512, -29.925 |
Binary | 00110001, 01001111, 10000110 |
Color Schemes with #314f86
Alternatives to #314f86
Below, you can see some colors close to #314f86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314f86 Preview
This text has a font color of #314f86.
<span style="color:#314f86;">Text here</span>
This paragraph has a background color of #314f86.
<p style="background-color:#314f86;">Content here</p>
This element has a border color of #314f86.
<div style="border:1px solid #314f86;">Content here</div>
.text {color:#314f86;}
.background {background-color:#314f86;}
.border {border:1px solid #314f86;}
Shades and Tints of #314f86
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 #f5f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070b13
#070b13
rgb(7,11,19)
-
#0c1421
#0c1421
rgb(12,20,33)
-
#111c30
#111c30
rgb(17,28,48)
-
#17253e
#17253e
rgb(23,37,62)
-
#1c2d4d
#1c2d4d
rgb(28,45,77)
-
#21365b
#21365b
rgb(33,54,91)
-
#263e69
#263e69
rgb(38,62,105)
-
#2c4778
#2c4778
rgb(44,71,120)
-
#314f86
#314f86
rgb(49,79,134)
-
#365794
#365794
rgb(54,87,148)
-
#3c60a3
#3c60a3
rgb(60,96,163)
-
#4168b1
#4168b1
rgb(65,104,177)
-
#4972bc
#4972bc
rgb(73,114,188)
-
#577dc2
#577dc2
rgb(87,125,194)
-
#6688c7
#6688c7
rgb(102,136,199)
-
#7493cc
#7493cc
rgb(116,147,204)
-
#829ed1
#829ed1
rgb(130,158,209)
-
#91a9d7
#91a9d7
rgb(145,169,215)
-
#9fb5dc
#9fb5dc
rgb(159,181,220)
-
#aec0e1
#aec0e1
rgb(174,192,225)
-
#bccbe6
#bccbe6
rgb(188,203,230)
-
#cad6ec
#cad6ec
rgb(202,214,236)
-
#d9e1f1
#d9e1f1
rgb(217,225,241)
-
#e7ecf6
#e7ecf6
rgb(231,236,246)
-
#f5f8fb
#f5f8fb
rgb(245,248,251)
Tones of #314f86
A tone is produced by adding gray to any pure hue. In this case, #5b5b5c is the less saturated color, while #0743b0 is the most saturated one.
-
#5b5b5c
#5b5b5c
rgb(91,91,92)
-
#545963
#545963
rgb(84,89,99)
-
#4d576a
#4d576a
rgb(77,87,106)
-
#465571
#465571
rgb(70,85,113)
-
#3f5378
#3f5378
rgb(63,83,120)
-
#38517f
#38517f
rgb(56,81,127)
-
#314f86
#314f86
rgb(49,79,134)
-
#2a4d8d
#2a4d8d
rgb(42,77,141)
-
#234b94
#234b94
rgb(35,75,148)
-
#1c499b
#1c499b
rgb(28,73,155)
-
#1547a2
#1547a2
rgb(21,71,162)
-
#0e45a9
#0e45a9
rgb(14,69,169)
-
#0743b0
#0743b0
rgb(7,67,176)
Color Blindness Simulator
Below, you can see how #314f86 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.