#314ea2 Color Information
In a RGB color space, hex #314ea2 is composed of 19.2% red, 30.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 51.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 224.6 degrees, a saturation of 53.6% and a lightness of 41.4%. #314ea2 color hex could be obtained by blending #629cff with #000045. Closest websafe color is: #336699.
-
- R 19
- G 31
- B 64
-
- C 70
- M 52
- Y 0
- K 36
● #314ea2 color description : Dark moderate blue.
#314ea2 Color Conversion
The hexadecimal color #314ea2 has RGB values of R:49, G:78, B:162 and CMYK values of C:0.7, M:0.52, Y:0, K:0.36. Its decimal value is 3231394.
Hex triplet | 314ea2 | #314ea2 |
---|---|---|
RGB Decimal | 49, 78, 162 | rgb(49,78,162) |
RGB Percent | 19.2, 30.6, 63.5 | rgb(19.2%,30.6%,63.5%) |
CMYK | 70, 52, 0, 36 | |
HSL | 224.6°, 53.6, 41.4 | hsl(224.6,53.6%,41.4%) |
HSV (or HSB) | 224.6°, 69.8, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.419, 18.363, -48.75 |
---|---|
XYZ | 10.511, 8.71, 35.308 |
xyY | 0.193, 0.16, 8.71 |
CIE-LCH | 35.419, 52.094, 290.641 |
CIE-LUV | 35.419, -12.742, -69.565 |
Hunter-Lab | 29.512, 11.929, -50.274 |
Binary | 00110001, 01001110, 10100010 |
Color Schemes with #314ea2
Alternatives to #314ea2
Below, you can see some colors close to #314ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314ea2 Preview
This text has a font color of #314ea2.
<span style="color:#314ea2;">Text here</span>
This paragraph has a background color of #314ea2.
<p style="background-color:#314ea2;">Content here</p>
This element has a border color of #314ea2.
<div style="border:1px solid #314ea2;">Content here</div>
.text {color:#314ea2;}
.background {background-color:#314ea2;}
.border {border:1px solid #314ea2;}
Shades and Tints of #314ea2
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, #03050b is the darkest color, while #fbfcfe is the lightest one.
-
#03050b
#03050b
rgb(3,5,11)
-
#080d1a
#080d1a
rgb(8,13,26)
-
#0d142a
#0d142a
rgb(13,20,42)
-
#111b39
#111b39
rgb(17,27,57)
-
#162248
#162248
rgb(22,34,72)
-
#1a2a57
#1a2a57
rgb(26,42,87)
-
#1f3166
#1f3166
rgb(31,49,102)
-
#233875
#233875
rgb(35,56,117)
-
#283f84
#283f84
rgb(40,63,132)
-
#2c4793
#2c4793
rgb(44,71,147)
-
#314ea2
#314ea2
rgb(49,78,162)
-
#3655b1
#3655b1
rgb(54,85,177)
-
#3a5dc0
#3a5dc0
rgb(58,93,192)
-
#4768c7
#4768c7
rgb(71,104,199)
-
#5674cc
#5674cc
rgb(86,116,204)
-
#6580d0
#6580d0
rgb(101,128,208)
-
#748dd5
#748dd5
rgb(116,141,213)
-
#8399d9
#8399d9
rgb(131,153,217)
-
#92a5de
#92a5de
rgb(146,165,222)
-
#a1b2e3
#a1b2e3
rgb(161,178,227)
-
#b0bee7
#b0bee7
rgb(176,190,231)
-
#bfcbec
#bfcbec
rgb(191,203,236)
-
#ced7f0
#ced7f0
rgb(206,215,240)
-
#dde3f5
#dde3f5
rgb(221,227,245)
-
#ecf0f9
#ecf0f9
rgb(236,240,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #314ea2
A tone is produced by adding gray to any pure hue. In this case, #626671 is the less saturated color, while #0036d3 is the most saturated one.
-
#626671
#626671
rgb(98,102,113)
-
#5a6279
#5a6279
rgb(90,98,121)
-
#515e82
#515e82
rgb(81,94,130)
-
#495a8a
#495a8a
rgb(73,90,138)
-
#415692
#415692
rgb(65,86,146)
-
#39529a
#39529a
rgb(57,82,154)
-
#314ea2
#314ea2
rgb(49,78,162)
-
#294aaa
#294aaa
rgb(41,74,170)
-
#2146b2
#2146b2
rgb(33,70,178)
-
#1942ba
#1942ba
rgb(25,66,186)
-
#113ec2
#113ec2
rgb(17,62,194)
-
#083acb
#083acb
rgb(8,58,203)
-
#0036d3
#0036d3
rgb(0,54,211)
Color Blindness Simulator
Below, you can see how #314ea2 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.