#314676 Color Information
In a RGB color space, hex #314676 is composed of 19.2% red, 27.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 40.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 221.7 degrees, a saturation of 41.3% and a lightness of 32.7%. #314676 color hex could be obtained by blending #628cec with #000000. Closest websafe color is: #333366.
-
- R 19
- G 27
- B 46
-
- C 58
- M 41
- Y 0
- K 54
● #314676 color description : Dark moderate blue.
#314676 Color Conversion
The hexadecimal color #314676 has RGB values of R:49, G:70, B:118 and CMYK values of C:0.58, M:0.41, Y:0, K:0.54. Its decimal value is 3229302.
Hex triplet | 314676 | #314676 |
---|---|---|
RGB Decimal | 49, 70, 118 | rgb(49,70,118) |
RGB Percent | 19.2, 27.5, 46.3 | rgb(19.2%,27.5%,46.3%) |
CMYK | 58, 41, 0, 54 | |
HSL | 221.7°, 41.3, 32.7 | hsl(221.7,41.3%,32.7%) |
HSV (or HSB) | 221.7°, 58.5, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.257, 7.43, -30.029 |
---|---|
XYZ | 6.726, 6.341, 18.008 |
xyY | 0.216, 0.204, 6.341 |
CIE-LCH | 30.257, 30.935, 283.898 |
CIE-LUV | 30.257, -9.922, -40.197 |
Hunter-Lab | 25.181, 3.611, -24.774 |
Binary | 00110001, 01000110, 01110110 |
Color Schemes with #314676
Alternatives to #314676
Below, you can see some colors close to #314676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314676 Preview
This text has a font color of #314676.
<span style="color:#314676;">Text here</span>
This paragraph has a background color of #314676.
<p style="background-color:#314676;">Content here</p>
This element has a border color of #314676.
<div style="border:1px solid #314676;">Content here</div>
.text {color:#314676;}
.background {background-color:#314676;}
.border {border:1px solid #314676;}
Shades and Tints of #314676
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, #030407 is the darkest color, while #f8f9fc is the lightest one.
-
#030407
#030407
rgb(3,4,7)
-
#090c15
#090c15
rgb(9,12,21)
-
#0e1523
#0e1523
rgb(14,21,35)
-
#141d31
#141d31
rgb(20,29,49)
-
#1a253f
#1a253f
rgb(26,37,63)
-
#202d4c
#202d4c
rgb(32,45,76)
-
#25365a
#25365a
rgb(37,54,90)
-
#2b3e68
#2b3e68
rgb(43,62,104)
-
#314676
#314676
rgb(49,70,118)
-
#374e84
#374e84
rgb(55,78,132)
-
#3d5692
#3d5692
rgb(61,86,146)
-
#425fa0
#425fa0
rgb(66,95,160)
-
#4867ad
#4867ad
rgb(72,103,173)
-
#5271b7
#5271b7
rgb(82,113,183)
-
#607cbd
#607cbd
rgb(96,124,189)
-
#6e88c3
#6e88c3
rgb(110,136,195)
-
#7c93c8
#7c93c8
rgb(124,147,200)
-
#899ece
#899ece
rgb(137,158,206)
-
#97aad4
#97aad4
rgb(151,170,212)
-
#a5b5da
#a5b5da
rgb(165,181,218)
-
#b3c0df
#b3c0df
rgb(179,192,223)
-
#c1cce5
#c1cce5
rgb(193,204,229)
-
#cfd7eb
#cfd7eb
rgb(207,215,235)
-
#dde3f1
#dde3f1
rgb(221,227,241)
-
#eaeef6
#eaeef6
rgb(234,238,246)
-
#f8f9fc
#f8f9fc
rgb(248,249,252)
Tones of #314676
A tone is produced by adding gray to any pure hue. In this case, #515356 is the less saturated color, while #0434a3 is the most saturated one.
-
#515356
#515356
rgb(81,83,86)
-
#4b505c
#4b505c
rgb(75,80,92)
-
#444e63
#444e63
rgb(68,78,99)
-
#3e4b69
#3e4b69
rgb(62,75,105)
-
#374970
#374970
rgb(55,73,112)
-
#314676
#314676
rgb(49,70,118)
-
#2b437c
#2b437c
rgb(43,67,124)
-
#244183
#244183
rgb(36,65,131)
-
#1e3e89
#1e3e89
rgb(30,62,137)
-
#173c90
#173c90
rgb(23,60,144)
-
#113996
#113996
rgb(17,57,150)
-
#0a379d
#0a379d
rgb(10,55,157)
-
#0434a3
#0434a3
rgb(4,52,163)
Color Blindness Simulator
Below, you can see how #314676 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.