#3f5ff6 Color Information
In a RGB color space, hex #3f5ff6 is composed of 24.7% red, 37.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 61.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 229.5 degrees, a saturation of 91% and a lightness of 60.6%. #3f5ff6 color hex could be obtained by blending #7ebeff with #0000ed. Closest websafe color is: #3366ff.
-
- R 25
- G 37
- B 96
-
- C 74
- M 61
- Y 0
- K 4
● #3f5ff6 color description : Bright blue.
#3f5ff6 Color Conversion
The hexadecimal color #3f5ff6 has RGB values of R:63, G:95, B:246 and CMYK values of C:0.74, M:0.61, Y:0, K:0.04. Its decimal value is 4153334.
Hex triplet | 3f5ff6 | #3f5ff6 |
---|---|---|
RGB Decimal | 63, 95, 246 | rgb(63,95,246) |
RGB Percent | 24.7, 37.3, 96.5 | rgb(24.7%,37.3%,96.5%) |
CMYK | 74, 61, 0, 4 | |
HSL | 229.5°, 91, 60.6 | hsl(229.5,91%,60.6%) |
HSV (or HSB) | 229.5°, 74.4, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.834, 39.712, -78.7 |
---|---|
XYZ | 22.773, 15.893, 89.051 |
xyY | 0.178, 0.124, 15.893 |
CIE-LCH | 46.834, 88.152, 296.776 |
CIE-LUV | 46.834, -15.479, -120.304 |
Hunter-Lab | 39.867, 32.199, -104.531 |
Binary | 00111111, 01011111, 11110110 |
Color Schemes with #3f5ff6
Alternatives to #3f5ff6
Below, you can see some colors close to #3f5ff6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5ff6 Preview
This text has a font color of #3f5ff6.
<span style="color:#3f5ff6;">Text here</span>
This paragraph has a background color of #3f5ff6.
<p style="background-color:#3f5ff6;">Content here</p>
This element has a border color of #3f5ff6.
<div style="border:1px solid #3f5ff6;">Content here</div>
.text {color:#3f5ff6;}
.background {background-color:#3f5ff6;}
.border {border:1px solid #3f5ff6;}
Shades and Tints of #3f5ff6
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, #01030e is the darkest color, while #fafbff is the lightest one.
-
#01030e
#01030e
rgb(1,3,14)
-
#020721
#020721
rgb(2,7,33)
-
#020b34
#020b34
rgb(2,11,52)
-
#030f46
#030f46
rgb(3,15,70)
-
#041359
#041359
rgb(4,19,89)
-
#05176c
#05176c
rgb(5,23,108)
-
#061b7f
#061b7f
rgb(6,27,127)
-
#071f91
#071f91
rgb(7,31,145)
-
#0823a4
#0823a4
rgb(8,35,164)
-
#0927b7
#0927b7
rgb(9,39,183)
-
#092bc9
#092bc9
rgb(9,43,201)
-
#0a2fdc
#0a2fdc
rgb(10,47,220)
-
#0b33ef
#0b33ef
rgb(11,51,239)
-
#1a40f4
#1a40f4
rgb(26,64,244)
-
#2c4ff5
#2c4ff5
rgb(44,79,245)
-
#3f5ff6
#3f5ff6
rgb(63,95,246)
-
#526ff7
#526ff7
rgb(82,111,247)
-
#647ef8
#647ef8
rgb(100,126,248)
-
#778ef9
#778ef9
rgb(119,142,249)
-
#8a9dfa
#8a9dfa
rgb(138,157,250)
-
#9dadfa
#9dadfa
rgb(157,173,250)
-
#afbdfb
#afbdfb
rgb(175,189,251)
-
#c2ccfc
#c2ccfc
rgb(194,204,252)
-
#d5dcfd
#d5dcfd
rgb(213,220,253)
-
#e8ecfe
#e8ecfe
rgb(232,236,254)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #3f5ff6
A tone is produced by adding gray to any pure hue. In this case, #9496a1 is the less saturated color, while #375afe is the most saturated one.
-
#9496a1
#9496a1
rgb(148,150,161)
-
#8c91a9
#8c91a9
rgb(140,145,169)
-
#858cb0
#858cb0
rgb(133,140,176)
-
#7d87b8
#7d87b8
rgb(125,135,184)
-
#7582c0
#7582c0
rgb(117,130,192)
-
#6d7dc8
#6d7dc8
rgb(109,125,200)
-
#6678cf
#6678cf
rgb(102,120,207)
-
#5e73d7
#5e73d7
rgb(94,115,215)
-
#566edf
#566edf
rgb(86,110,223)
-
#4e69e7
#4e69e7
rgb(78,105,231)
-
#4764ee
#4764ee
rgb(71,100,238)
-
#3f5ff6
#3f5ff6
rgb(63,95,246)
-
#375afe
#375afe
rgb(55,90,254)
Color Blindness Simulator
Below, you can see how #3f5ff6 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.