#314de2 Color Information
In a RGB color space, hex #314de2 is composed of 19.2% red, 30.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 65.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 230.5 degrees, a saturation of 75.3% and a lightness of 53.9%. #314de2 color hex could be obtained by blending #629aff with #0000c5. Closest websafe color is: #3366cc.
-
- R 19
- G 30
- B 89
-
- C 78
- M 66
- Y 0
- K 11
● #314de2 color description : Bright blue.
#314de2 Color Conversion
The hexadecimal color #314de2 has RGB values of R:49, G:77, B:226 and CMYK values of C:0.78, M:0.66, Y:0, K:0.11. Its decimal value is 3231202.
Hex triplet | 314de2 | #314de2 |
---|---|---|
RGB Decimal | 49, 77, 226 | rgb(49,77,226) |
RGB Percent | 19.2, 30.2, 88.6 | rgb(19.2%,30.2%,88.6%) |
CMYK | 78, 66, 0, 11 | |
HSL | 230.5°, 75.3, 53.9 | hsl(230.5,75.3%,53.9%) |
HSV (or HSB) | 230.5°, 78.3, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.329, 42.435, -78.108 |
---|---|
XYZ | 17.645, 11.45, 73.228 |
xyY | 0.172, 0.112, 11.45 |
CIE-LCH | 40.329, 88.891, 298.514 |
CIE-LUV | 40.329, -13.268, -113.465 |
Hunter-Lab | 33.839, 33.862, -104.618 |
Binary | 00110001, 01001101, 11100010 |
Color Schemes with #314de2
Alternatives to #314de2
Below, you can see some colors close to #314de2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#314de2 Preview
This text has a font color of #314de2.
<span style="color:#314de2;">Text here</span>
This paragraph has a background color of #314de2.
<p style="background-color:#314de2;">Content here</p>
This element has a border color of #314de2.
<div style="border:1px solid #314de2;">Content here</div>
.text {color:#314de2;}
.background {background-color:#314de2;}
.border {border:1px solid #314de2;}
Shades and Tints of #314de2
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, #000000 is the darkest color, while #eef0fd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020512
#020512
rgb(2,5,18)
-
#050a23
#050a23
rgb(5,10,35)
-
#070e34
#070e34
rgb(7,14,52)
-
#0a1345
#0a1345
rgb(10,19,69)
-
#0c1856
#0c1856
rgb(12,24,86)
-
#0f1d68
#0f1d68
rgb(15,29,104)
-
#112179
#112179
rgb(17,33,121)
-
#13268a
#13268a
rgb(19,38,138)
-
#162b9b
#162b9b
rgb(22,43,155)
-
#1830ac
#1830ac
rgb(24,48,172)
-
#1b34bd
#1b34bd
rgb(27,52,189)
-
#1d39cf
#1d39cf
rgb(29,57,207)
-
#203ee0
#203ee0
rgb(32,62,224)
-
#314de2
#314de2
rgb(49,77,226)
-
#425ce4
#425ce4
rgb(66,92,228)
-
#536be7
#536be7
rgb(83,107,231)
-
#657ae9
#657ae9
rgb(101,122,233)
-
#7688ec
#7688ec
rgb(118,136,236)
-
#8797ee
#8797ee
rgb(135,151,238)
-
#98a6f1
#98a6f1
rgb(152,166,241)
-
#a9b5f3
#a9b5f3
rgb(169,181,243)
-
#bbc4f5
#bbc4f5
rgb(187,196,245)
-
#ccd3f8
#ccd3f8
rgb(204,211,248)
-
#dde2fa
#dde2fa
rgb(221,226,250)
-
#eef0fd
#eef0fd
rgb(238,240,253)
Tones of #314de2
A tone is produced by adding gray to any pure hue. In this case, #828591 is the less saturated color, while #163afd is the most saturated one.
-
#828591
#828591
rgb(130,133,145)
-
#797e9a
#797e9a
rgb(121,126,154)
-
#7078a3
#7078a3
rgb(112,120,163)
-
#6772ac
#6772ac
rgb(103,114,172)
-
#5e6cb5
#5e6cb5
rgb(94,108,181)
-
#5566be
#5566be
rgb(85,102,190)
-
#4c60c7
#4c60c7
rgb(76,96,199)
-
#4359d0
#4359d0
rgb(67,89,208)
-
#3a53d9
#3a53d9
rgb(58,83,217)
-
#314de2
#314de2
rgb(49,77,226)
-
#2847eb
#2847eb
rgb(40,71,235)
-
#1f41f4
#1f41f4
rgb(31,65,244)
-
#163afd
#163afd
rgb(22,58,253)
Color Blindness Simulator
Below, you can see how #314de2 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.