#3f63e2 Color Information
In a RGB color space, hex #3f63e2 is composed of 24.7% red, 38.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 56.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 226.7 degrees, a saturation of 73.8% and a lightness of 56.7%. #3f63e2 color hex could be obtained by blending #7ec6ff with #0000c5. Closest websafe color is: #3366cc.
-
- R 25
- G 39
- B 89
-
- C 72
- M 56
- Y 0
- K 11
● #3f63e2 color description : Bright blue.
#3f63e2 Color Conversion
The hexadecimal color #3f63e2 has RGB values of R:63, G:99, B:226 and CMYK values of C:0.72, M:0.56, Y:0, K:0.11. Its decimal value is 4154338.
Hex triplet | 3f63e2 | #3f63e2 |
---|---|---|
RGB Decimal | 63, 99, 226 | rgb(63,99,226) |
RGB Percent | 24.7, 38.8, 88.6 | rgb(24.7%,38.8%,88.6%) |
CMYK | 72, 56, 0, 11 | |
HSL | 226.7°, 73.8, 56.7 | hsl(226.7,73.8%,56.7%) |
HSV (or HSB) | 226.7°, 72.1, 88.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.271, 30.151, -68.371 |
---|---|
XYZ | 20.236, 15.47, 73.867 |
xyY | 0.185, 0.141, 15.47 |
CIE-LCH | 46.271, 74.724, 293.797 |
CIE-LUV | 46.271, -16.259, -104.986 |
Hunter-Lab | 39.332, 23.007, -83.816 |
Binary | 00111111, 01100011, 11100010 |
Color Schemes with #3f63e2
Alternatives to #3f63e2
Below, you can see some colors close to #3f63e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f63e2 Preview
This text has a font color of #3f63e2.
<span style="color:#3f63e2;">Text here</span>
This paragraph has a background color of #3f63e2.
<p style="background-color:#3f63e2;">Content here</p>
This element has a border color of #3f63e2.
<div style="border:1px solid #3f63e2;">Content here</div>
.text {color:#3f63e2;}
.background {background-color:#3f63e2;}
.border {border:1px solid #3f63e2;}
Shades and Tints of #3f63e2
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, #02040c is the darkest color, while #fafbfe is the lightest one.
-
#02040c
#02040c
rgb(2,4,12)
-
#040a1e
#040a1e
rgb(4,10,30)
-
#07102f
#07102f
rgb(7,16,47)
-
#0a1640
#0a1640
rgb(10,22,64)
-
#0c1b51
#0c1b51
rgb(12,27,81)
-
#0f2162
#0f2162
rgb(15,33,98)
-
#112773
#112773
rgb(17,39,115)
-
#142d84
#142d84
rgb(20,45,132)
-
#163295
#163295
rgb(22,50,149)
-
#1938a6
#1938a6
rgb(25,56,166)
-
#1c3eb7
#1c3eb7
rgb(28,62,183)
-
#1e44c8
#1e44c8
rgb(30,68,200)
-
#2149d9
#2149d9
rgb(33,73,217)
-
#2e55df
#2e55df
rgb(46,85,223)
-
#3f63e2
#3f63e2
rgb(63,99,226)
-
#5071e5
#5071e5
rgb(80,113,229)
-
#617fe7
#617fe7
rgb(97,127,231)
-
#728dea
#728dea
rgb(114,141,234)
-
#839aec
#839aec
rgb(131,154,236)
-
#94a8ef
#94a8ef
rgb(148,168,239)
-
#a5b6f1
#a5b6f1
rgb(165,182,241)
-
#b6c4f4
#b6c4f4
rgb(182,196,244)
-
#c7d2f7
#c7d2f7
rgb(199,210,247)
-
#d8e0f9
#d8e0f9
rgb(216,224,249)
-
#e9edfc
#e9edfc
rgb(233,237,252)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #3f63e2
A tone is produced by adding gray to any pure hue. In this case, #8c8e96 is the less saturated color, while #2655fc is the most saturated one.
-
#8c8e96
#8c8e96
rgb(140,142,150)
-
#83899e
#83899e
rgb(131,137,158)
-
#7b84a7
#7b84a7
rgb(123,132,167)
-
#727faf
#727faf
rgb(114,127,175)
-
#6a7bb8
#6a7bb8
rgb(106,123,184)
-
#6176c0
#6176c0
rgb(97,118,192)
-
#5971c9
#5971c9
rgb(89,113,201)
-
#506cd1
#506cd1
rgb(80,108,209)
-
#4868da
#4868da
rgb(72,104,218)
-
#3f63e2
#3f63e2
rgb(63,99,226)
-
#375eeb
#375eeb
rgb(55,94,235)
-
#2e5af3
#2e5af3
rgb(46,90,243)
-
#2655fc
#2655fc
rgb(38,85,252)
Color Blindness Simulator
Below, you can see how #3f63e2 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.