#3f86f6 Color Information
In a RGB color space, hex #3f86f6 is composed of 24.7% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 216.7 degrees, a saturation of 91% and a lightness of 60.6%. #3f86f6 color hex could be obtained by blending #7effff with #000ded. Closest websafe color is: #3399ff.
-
- R 25
- G 53
- B 96
-
- C 74
- M 46
- Y 0
- K 4
● #3f86f6 color description : Bright blue.
#3f86f6 Color Conversion
The hexadecimal color #3f86f6 has RGB values of R:63, G:134, B:246 and CMYK values of C:0.74, M:0.46, Y:0, K:0.04. Its decimal value is 4163318.
Hex triplet | 3f86f6 | #3f86f6 |
---|---|---|
RGB Decimal | 63, 134, 246 | rgb(63,134,246) |
RGB Percent | 24.7, 52.5, 96.5 | rgb(24.7%,52.5%,96.5%) |
CMYK | 74, 46, 0, 4 | |
HSL | 216.7°, 91, 60.6 | hsl(216.7,91%,60.6%) |
HSV (or HSB) | 216.7°, 74.4, 96.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.84, 15.553, -62.478 |
---|---|
XYZ | 27.206, 24.759, 90.529 |
xyY | 0.191, 0.174, 24.759 |
CIE-LCH | 56.84, 64.385, 283.979 |
CIE-LUV | 56.84, -26.201, -100.376 |
Hunter-Lab | 49.758, 10.52, -73.04 |
Binary | 00111111, 10000110, 11110110 |
Color Schemes with #3f86f6
Alternatives to #3f86f6
Below, you can see some colors close to #3f86f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f86f6 Preview
This text has a font color of #3f86f6.
<span style="color:#3f86f6;">Text here</span>
This paragraph has a background color of #3f86f6.
<p style="background-color:#3f86f6;">Content here</p>
This element has a border color of #3f86f6.
<div style="border:1px solid #3f86f6;">Content here</div>
.text {color:#3f86f6;}
.background {background-color:#3f86f6;}
.border {border:1px solid #3f86f6;}
Shades and Tints of #3f86f6
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, #01060e is the darkest color, while #fafcff is the lightest one.
-
#01060e
#01060e
rgb(1,6,14)
-
#020e21
#020e21
rgb(2,14,33)
-
#021534
#021534
rgb(2,21,52)
-
#031d46
#031d46
rgb(3,29,70)
-
#042559
#042559
rgb(4,37,89)
-
#052d6c
#052d6c
rgb(5,45,108)
-
#06357f
#06357f
rgb(6,53,127)
-
#073d91
#073d91
rgb(7,61,145)
-
#0844a4
#0844a4
rgb(8,68,164)
-
#094cb7
#094cb7
rgb(9,76,183)
-
#0954c9
#0954c9
rgb(9,84,201)
-
#0a5cdc
#0a5cdc
rgb(10,92,220)
-
#0b64ef
#0b64ef
rgb(11,100,239)
-
#1a6ef4
#1a6ef4
rgb(26,110,244)
-
#2c7af5
#2c7af5
rgb(44,122,245)
-
#3f86f6
#3f86f6
rgb(63,134,246)
-
#5292f7
#5292f7
rgb(82,146,247)
-
#649ef8
#649ef8
rgb(100,158,248)
-
#77a9f9
#77a9f9
rgb(119,169,249)
-
#8ab5fa
#8ab5fa
rgb(138,181,250)
-
#9dc1fa
#9dc1fa
rgb(157,193,250)
-
#afcdfb
#afcdfb
rgb(175,205,251)
-
#c2d9fc
#c2d9fc
rgb(194,217,252)
-
#d5e4fd
#d5e4fd
rgb(213,228,253)
-
#e8f0fe
#e8f0fe
rgb(232,240,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #3f86f6
A tone is produced by adding gray to any pure hue. In this case, #9499a1 is the less saturated color, while #3784fe is the most saturated one.
-
#9499a1
#9499a1
rgb(148,153,161)
-
#8c97a9
#8c97a9
rgb(140,151,169)
-
#8596b0
#8596b0
rgb(133,150,176)
-
#7d94b8
#7d94b8
rgb(125,148,184)
-
#7592c0
#7592c0
rgb(117,146,192)
-
#6d90c8
#6d90c8
rgb(109,144,200)
-
#668fcf
#668fcf
rgb(102,143,207)
-
#5e8dd7
#5e8dd7
rgb(94,141,215)
-
#568bdf
#568bdf
rgb(86,139,223)
-
#4e89e7
#4e89e7
rgb(78,137,231)
-
#4788ee
#4788ee
rgb(71,136,238)
-
#3f86f6
#3f86f6
rgb(63,134,246)
-
#3784fe
#3784fe
rgb(55,132,254)
Color Blindness Simulator
Below, you can see how #3f86f6 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.