#3063f1 Color Information
In a RGB color space, hex #3063f1 is composed of 18.8% red, 38.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 58.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 224.1 degrees, a saturation of 87.3% and a lightness of 56.7%. #3063f1 color hex could be obtained by blending #60c6ff with #0000e3. Closest websafe color is: #3366ff.
-
- R 19
- G 39
- B 95
-
- C 80
- M 59
- Y 0
- K 5
● #3063f1 color description : Bright blue.
#3063f1 Color Conversion
The hexadecimal color #3063f1 has RGB values of R:48, G:99, B:241 and CMYK values of C:0.8, M:0.59, Y:0, K:0.05. Its decimal value is 3171313.
Hex triplet | 3063f1 | #3063f1 |
---|---|---|
RGB Decimal | 48, 99, 241 | rgb(48,99,241) |
RGB Percent | 18.8, 38.8, 94.5 | rgb(18.8%,38.8%,94.5%) |
CMYK | 80, 59, 0, 5 | |
HSL | 224.1°, 87.3, 56.7 | hsl(224.1,87.3%,56.7%) |
HSV (or HSB) | 224.1°, 80.1, 94.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.845, 34.027, -75.908 |
---|---|
XYZ | 21.555, 15.901, 85.148 |
xyY | 0.176, 0.13, 15.901 |
CIE-LCH | 46.845, 83.186, 294.145 |
CIE-LUV | 46.845, -18.631, -116.15 |
Hunter-Lab | 39.876, 26.702, -98.687 |
Binary | 00110000, 01100011, 11110001 |
Color Schemes with #3063f1
Alternatives to #3063f1
Below, you can see some colors close to #3063f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3063f1 Preview
This text has a font color of #3063f1.
<span style="color:#3063f1;">Text here</span>
This paragraph has a background color of #3063f1.
<p style="background-color:#3063f1;">Content here</p>
This element has a border color of #3063f1.
<div style="border:1px solid #3063f1;">Content here</div>
.text {color:#3063f1;}
.background {background-color:#3063f1;}
.border {border:1px solid #3063f1;}
Shades and Tints of #3063f1
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, #01040d is the darkest color, while #fafbff is the lightest one.
-
#01040d
#01040d
rgb(1,4,13)
-
#020a20
#020a20
rgb(2,10,32)
-
#031032
#031032
rgb(3,16,50)
-
#051645
#051645
rgb(5,22,69)
-
#061b57
#061b57
rgb(6,27,87)
-
#072169
#072169
rgb(7,33,105)
-
#08277c
#08277c
rgb(8,39,124)
-
#0a2d8e
#0a2d8e
rgb(10,45,142)
-
#0b32a0
#0b32a0
rgb(11,50,160)
-
#0c38b3
#0c38b3
rgb(12,56,179)
-
#0d3ec5
#0d3ec5
rgb(13,62,197)
-
#0f44d8
#0f44d8
rgb(15,68,216)
-
#1049ea
#1049ea
rgb(16,73,234)
-
#1e55f0
#1e55f0
rgb(30,85,240)
-
#3063f1
#3063f1
rgb(48,99,241)
-
#4271f2
#4271f2
rgb(66,113,242)
-
#557ff3
#557ff3
rgb(85,127,243)
-
#678df5
#678df5
rgb(103,141,245)
-
#799af6
#799af6
rgb(121,154,246)
-
#8ca8f7
#8ca8f7
rgb(140,168,247)
-
#9eb6f8
#9eb6f8
rgb(158,182,248)
-
#b1c4fa
#b1c4fa
rgb(177,196,250)
-
#c3d2fb
#c3d2fb
rgb(195,210,251)
-
#d5e0fc
#d5e0fc
rgb(213,224,252)
-
#e8edfd
#e8edfd
rgb(232,237,253)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #3063f1
A tone is produced by adding gray to any pure hue. In this case, #8e8f94 is the less saturated color, while #285ffa is the most saturated one.
-
#8e8f94
#8e8f94
rgb(142,143,148)
-
#858b9c
#858b9c
rgb(133,139,156)
-
#7d87a5
#7d87a5
rgb(125,135,165)
-
#7483ad
#7483ad
rgb(116,131,173)
-
#6c7fb6
#6c7fb6
rgb(108,127,182)
-
#637bbe
#637bbe
rgb(99,123,190)
-
#5b77c7
#5b77c7
rgb(91,119,199)
-
#5273cf
#5273cf
rgb(82,115,207)
-
#4a6fd8
#4a6fd8
rgb(74,111,216)
-
#416be0
#416be0
rgb(65,107,224)
-
#3967e9
#3967e9
rgb(57,103,233)
-
#3063f1
#3063f1
rgb(48,99,241)
-
#285ffa
#285ffa
rgb(40,95,250)
Color Blindness Simulator
Below, you can see how #3063f1 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.