#0314ff Color Information
In a RGB color space, hex #0314ff is composed of 1.2% red, 7.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 92.2% magenta, 0% yellow and 0% black. It has a hue angle of 236 degrees, a saturation of 100% and a lightness of 50.6%. #0314ff color hex could be obtained by blending #0628ff with #0000ff. Closest websafe color is: #0000ff.
-
- R 1
- G 8
- B 100
-
- C 99
- M 92
- Y 0
- K 0
● #0314ff color description : Vivid blue.
#0314ff Color Conversion
The hexadecimal color #0314ff has RGB values of R:3, G:20, B:255 and CMYK values of C:0.99, M:0.92, Y:0, K:0. Its decimal value is 201983.
Hex triplet | 0314ff | #0314ff |
---|---|---|
RGB Decimal | 3, 20, 255 | rgb(3,20,255) |
RGB Percent | 1.2, 7.8, 100 | rgb(1.2%,7.8%,100%) |
CMYK | 99, 92, 0, 0 | |
HSL | 236°, 100, 50.6 | hsl(236,100%,50.6%) |
HSV (or HSB) | 236°, 98.8, 100 | |
Web Safe | 0000ff | #0000ff |
CIE-LAB | 33.432, 75.83, -105.97 |
---|---|
XYZ | 18.334, 7.738, 95.13 |
xyY | 0.151, 0.064, 7.738 |
CIE-LCH | 33.432, 130.307, 305.587 |
CIE-LUV | 33.432, -10.059, -131.442 |
Hunter-Lab | 27.818, 68.965, -183.285 |
Binary | 00000011, 00010100, 11111111 |
Color Schemes with #0314ff
Alternatives to #0314ff
Below, you can see some colors close to #0314ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0314ff Preview
This text has a font color of #0314ff.
<span style="color:#0314ff;">Text here</span>
This paragraph has a background color of #0314ff.
<p style="background-color:#0314ff;">Content here</p>
This element has a border color of #0314ff.
<div style="border:1px solid #0314ff;">Content here</div>
.text {color:#0314ff;}
.background {background-color:#0314ff;}
.border {border:1px solid #0314ff;}
Shades and Tints of #0314ff
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, #000003 is the darkest color, while #eef0ff is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#000217
#000217
rgb(0,2,23)
-
#00032a
#00032a
rgb(0,3,42)
-
#00043e
#00043e
rgb(0,4,62)
-
#000551
#000551
rgb(0,5,81)
-
#000765
#000765
rgb(0,7,101)
-
#000879
#000879
rgb(0,8,121)
-
#00098c
#00098c
rgb(0,9,140)
-
#000ba0
#000ba0
rgb(0,11,160)
-
#000cb4
#000cb4
rgb(0,12,180)
-
#000dc7
#000dc7
rgb(0,13,199)
-
#000fdb
#000fdb
rgb(0,15,219)
-
#0010ee
#0010ee
rgb(0,16,238)
-
#0314ff
#0314ff
rgb(3,20,255)
-
#1726ff
#1726ff
rgb(23,38,255)
-
#2a39ff
#2a39ff
rgb(42,57,255)
-
#3e4bff
#3e4bff
rgb(62,75,255)
-
#515dff
#515dff
rgb(81,93,255)
-
#656fff
#656fff
rgb(101,111,255)
-
#7982ff
#7982ff
rgb(121,130,255)
-
#8c94ff
#8c94ff
rgb(140,148,255)
-
#a0a6ff
#a0a6ff
rgb(160,166,255)
-
#b4b9ff
#b4b9ff
rgb(180,185,255)
-
#c7cbff
#c7cbff
rgb(199,203,255)
-
#dbddff
#dbddff
rgb(219,221,255)
-
#eef0ff
#eef0ff
rgb(238,240,255)
Tones of #0314ff
A tone is produced by adding gray to any pure hue. In this case, #77798b is the less saturated color, while #0314ff is the most saturated one.
-
#77798b
#77798b
rgb(119,121,139)
-
#6e7094
#6e7094
rgb(110,112,148)
-
#64689e
#64689e
rgb(100,104,158)
-
#5a5fa8
#5a5fa8
rgb(90,95,168)
-
#5157b1
#5157b1
rgb(81,87,177)
-
#474fbb
#474fbb
rgb(71,79,187)
-
#3d46c5
#3d46c5
rgb(61,70,197)
-
#333ecf
#333ecf
rgb(51,62,207)
-
#2a36d8
#2a36d8
rgb(42,54,216)
-
#202de2
#202de2
rgb(32,45,226)
-
#1625ec
#1625ec
rgb(22,37,236)
-
#0d1cf5
#0d1cf5
rgb(13,28,245)
-
#0314ff
#0314ff
rgb(3,20,255)
Color Blindness Simulator
Below, you can see how #0314ff 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.