#314ec4 Color Information
In a RGB color space, hex #314ec4 is composed of 19.2% red, 30.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 60.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 228.2 degrees, a saturation of 60% and a lightness of 48%. #314ec4 color hex could be obtained by blending #629cff with #000089. Closest websafe color is: #3366cc.
-
- R 19
- G 31
- B 77
-
- C 75
- M 60
- Y 0
- K 23
● #314ec4 color description : Strong blue.
#314ec4 Color Conversion
The hexadecimal color #314ec4 has RGB values of R:49, G:78, B:196 and CMYK values of C:0.75, M:0.6, Y:0, K:0.23. Its decimal value is 3231428.
Hex triplet | 314ec4 | #314ec4 |
---|---|---|
RGB Decimal | 49, 78, 196 | rgb(49,78,196) |
RGB Percent | 19.2, 30.6, 76.9 | rgb(19.2%,30.6%,76.9%) |
CMYK | 75, 60, 0, 23 | |
HSL | 228.2°, 60, 48 | hsl(228.2,60%,48%) |
HSV (or HSB) | 228.2°, 75, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 37.997, 31.016, -64.656 |
---|---|
XYZ | 13.953, 10.086, 53.433 |
xyY | 0.18, 0.13, 10.086 |
CIE-LCH | 37.997, 71.71, 295.627 |
CIE-LUV | 37.997, -13.042, -93.601 |
Hunter-Lab | 31.759, 22.843, -77.521 |
Binary | 00110001, 01001110, 11000100 |
Color Schemes with #314ec4
Alternatives to #314ec4
Below, you can see some colors close to #314ec4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314ec4 Preview
This text has a font color of #314ec4.
<span style="color:#314ec4;">Text here</span>
This paragraph has a background color of #314ec4.
<p style="background-color:#314ec4;">Content here</p>
This element has a border color of #314ec4.
<div style="border:1px solid #314ec4;">Content here</div>
.text {color:#314ec4;}
.background {background-color:#314ec4;}
.border {border:1px solid #314ec4;}
Shades and Tints of #314ec4
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, #020308 is the darkest color, while #f7f8fd is the lightest one.
-
#020308
#020308
rgb(2,3,8)
-
#060917
#060917
rgb(6,9,23)
-
#0a1027
#0a1027
rgb(10,16,39)
-
#0e1637
#0e1637
rgb(14,22,55)
-
#121c46
#121c46
rgb(18,28,70)
-
#162256
#162256
rgb(22,34,86)
-
#192966
#192966
rgb(25,41,102)
-
#1d2f76
#1d2f76
rgb(29,47,118)
-
#213585
#213585
rgb(33,53,133)
-
#253b95
#253b95
rgb(37,59,149)
-
#2942a5
#2942a5
rgb(41,66,165)
-
#2d48b4
#2d48b4
rgb(45,72,180)
-
#314ec4
#314ec4
rgb(49,78,196)
-
#3b58ce
#3b58ce
rgb(59,88,206)
-
#4a65d2
#4a65d2
rgb(74,101,210)
-
#5a72d6
#5a72d6
rgb(90,114,214)
-
#6a80da
#6a80da
rgb(106,128,218)
-
#798dde
#798dde
rgb(121,141,222)
-
#899be2
#899be2
rgb(137,155,226)
-
#99a8e5
#99a8e5
rgb(153,168,229)
-
#a9b5e9
#a9b5e9
rgb(169,181,233)
-
#b8c3ed
#b8c3ed
rgb(184,195,237)
-
#c8d0f1
#c8d0f1
rgb(200,208,241)
-
#d8ddf5
#d8ddf5
rgb(216,221,245)
-
#e7ebf9
#e7ebf9
rgb(231,235,249)
-
#f7f8fd
#f7f8fd
rgb(247,248,253)
Tones of #314ec4
A tone is produced by adding gray to any pure hue. In this case, #737682 is the less saturated color, while #0231f3 is the most saturated one.
-
#737682
#737682
rgb(115,118,130)
-
#6a708b
#6a708b
rgb(106,112,139)
-
#606b95
#606b95
rgb(96,107,149)
-
#57659e
#57659e
rgb(87,101,158)
-
#4d5fa8
#4d5fa8
rgb(77,95,168)
-
#4459b1
#4459b1
rgb(68,89,177)
-
#3a54bb
#3a54bb
rgb(58,84,187)
-
#314ec4
#314ec4
rgb(49,78,196)
-
#2848cd
#2848cd
rgb(40,72,205)
-
#1e43d7
#1e43d7
rgb(30,67,215)
-
#153de0
#153de0
rgb(21,61,224)
-
#0b37ea
#0b37ea
rgb(11,55,234)
-
#0231f3
#0231f3
rgb(2,49,243)
Color Blindness Simulator
Below, you can see how #314ec4 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.