#0314f0 Color Information
In a RGB color space, hex #0314f0 is composed of 1.2% red, 7.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 91.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 235.7 degrees, a saturation of 97.5% and a lightness of 47.6%. #0314f0 color hex could be obtained by blending #0628ff with #0000e1. Closest websafe color is: #0000ff.
-
- R 1
- G 8
- B 94
-
- C 99
- M 92
- Y 0
- K 6
● #0314f0 color description : Vivid blue.
#0314f0 Color Conversion
The hexadecimal color #0314f0 has RGB values of R:3, G:20, B:240 and CMYK values of C:0.99, M:0.92, Y:0, K:0.06. Its decimal value is 201968.
Hex triplet | 0314f0 | #0314f0 |
---|---|---|
RGB Decimal | 3, 20, 240 | rgb(3,20,240) |
RGB Percent | 1.2, 7.8, 94.1 | rgb(1.2%,7.8%,94.1%) |
CMYK | 99, 92, 0, 6 | |
HSL | 235.7°, 97.5, 47.6 | hsl(235.7,97.5%,47.6%) |
HSV (or HSB) | 235.7°, 98.8, 94.1 | |
Web Safe | 0000ff | #0000ff |
CIE-LAB | 31.37, 71.971, -100.956 |
---|---|
XYZ | 16.013, 6.81, 82.904 |
xyY | 0.151, 0.064, 6.81 |
CIE-LCH | 31.37, 123.984, 305.485 |
CIE-LUV | 31.37, -9.482, -122.864 |
Hunter-Lab | 26.095, 63.865, -170.095 |
Binary | 00000011, 00010100, 11110000 |
Color Schemes with #0314f0
Alternatives to #0314f0
Below, you can see some colors close to #0314f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0314f0 Preview
This text has a font color of #0314f0.
<span style="color:#0314f0;">Text here</span>
This paragraph has a background color of #0314f0.
<p style="background-color:#0314f0;">Content here</p>
This element has a border color of #0314f0.
<div style="border:1px solid #0314f0;">Content here</div>
.text {color:#0314f0;}
.background {background-color:#0314f0;}
.border {border:1px solid #0314f0;}
Shades and Tints of #0314f0
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, #000108 is the darkest color, while #f3f4ff is the lightest one.
-
#000108
#000108
rgb(0,1,8)
-
#00021b
#00021b
rgb(0,2,27)
-
#01042e
#01042e
rgb(1,4,46)
-
#010542
#010542
rgb(1,5,66)
-
#010755
#010755
rgb(1,7,85)
-
#010968
#010968
rgb(1,9,104)
-
#020a7c
#020a7c
rgb(2,10,124)
-
#020c8f
#020c8f
rgb(2,12,143)
-
#020ea3
#020ea3
rgb(2,14,163)
-
#020fb6
#020fb6
rgb(2,15,182)
-
#0311c9
#0311c9
rgb(3,17,201)
-
#0312dd
#0312dd
rgb(3,18,221)
-
#0314f0
#0314f0
rgb(3,20,240)
-
#0b1cfc
#0b1cfc
rgb(11,28,252)
-
#1e2efc
#1e2efc
rgb(30,46,252)
-
#3140fc
#3140fc
rgb(49,64,252)
-
#4552fd
#4552fd
rgb(69,82,253)
-
#5864fd
#5864fd
rgb(88,100,253)
-
#6c76fd
#6c76fd
rgb(108,118,253)
-
#7f88fd
#7f88fd
rgb(127,136,253)
-
#929afe
#929afe
rgb(146,154,254)
-
#a6acfe
#a6acfe
rgb(166,172,254)
-
#b9befe
#b9befe
rgb(185,190,254)
-
#ccd0fe
#ccd0fe
rgb(204,208,254)
-
#e0e2ff
#e0e2ff
rgb(224,226,255)
-
#f3f4ff
#f3f4ff
rgb(243,244,255)
Tones of #0314f0
A tone is produced by adding gray to any pure hue. In this case, #737480 is the less saturated color, while #0314f0 is the most saturated one.
-
#737480
#737480
rgb(115,116,128)
-
#6a6c89
#6a6c89
rgb(106,108,137)
-
#606493
#606493
rgb(96,100,147)
-
#575c9c
#575c9c
rgb(87,92,156)
-
#4e54a5
#4e54a5
rgb(78,84,165)
-
#444caf
#444caf
rgb(68,76,175)
-
#3b44b8
#3b44b8
rgb(59,68,184)
-
#323cc1
#323cc1
rgb(50,60,193)
-
#2834cb
#2834cb
rgb(40,52,203)
-
#1f2cd4
#1f2cd4
rgb(31,44,212)
-
#1624dd
#1624dd
rgb(22,36,221)
-
#0c1ce7
#0c1ce7
rgb(12,28,231)
-
#0314f0
#0314f0
rgb(3,20,240)
Color Blindness Simulator
Below, you can see how #0314f0 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.