#3f50f4 Color Information
In a RGB color space, hex #3f50f4 is composed of 24.7% red, 31.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 67.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 234.4 degrees, a saturation of 89.2% and a lightness of 60.2%. #3f50f4 color hex could be obtained by blending #7ea0ff with #0000e9. Closest websafe color is: #3366ff.
-
- R 25
- G 31
- B 96
-
- C 74
- M 67
- Y 0
- K 4
● #3f50f4 color description : Bright blue.
#3f50f4 Color Conversion
The hexadecimal color #3f50f4 has RGB values of R:63, G:80, B:244 and CMYK values of C:0.74, M:0.67, Y:0, K:0.04. Its decimal value is 4149492.
Hex triplet | 3f50f4 | #3f50f4 |
---|---|---|
RGB Decimal | 63, 80, 244 | rgb(63,80,244) |
RGB Percent | 24.7, 31.4, 95.7 | rgb(24.7%,31.4%,95.7%) |
CMYK | 74, 67, 0, 4 | |
HSL | 234.4°, 89.2, 60.2 | hsl(234.4,89.2%,60.2%) |
HSV (or HSB) | 234.4°, 74.2, 95.7 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.248, 48.06, -83.461 |
---|---|
XYZ | 21.244, 13.324, 87.035 |
xyY | 0.175, 0.11, 13.324 |
CIE-LCH | 43.248, 96.31, 299.935 |
CIE-LUV | 43.248, -12.153, -123.494 |
Hunter-Lab | 36.503, 40.007, -115.817 |
Binary | 00111111, 01010000, 11110100 |
Color Schemes with #3f50f4
Alternatives to #3f50f4
Below, you can see some colors close to #3f50f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f50f4 Preview
This text has a font color of #3f50f4.
<span style="color:#3f50f4;">Text here</span>
This paragraph has a background color of #3f50f4.
<p style="background-color:#3f50f4;">Content here</p>
This element has a border color of #3f50f4.
<div style="border:1px solid #3f50f4;">Content here</div>
.text {color:#3f50f4;}
.background {background-color:#3f50f4;}
.border {border:1px solid #3f50f4;}
Shades and Tints of #3f50f4
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, #01020c is the darkest color, while #f9f9ff is the lightest one.
-
#01020c
#01020c
rgb(1,2,12)
-
#02041f
#02041f
rgb(2,4,31)
-
#030731
#030731
rgb(3,7,49)
-
#040a44
#040a44
rgb(4,10,68)
-
#050d56
#050d56
rgb(5,13,86)
-
#060f69
#060f69
rgb(6,15,105)
-
#07127b
#07127b
rgb(7,18,123)
-
#08158e
#08158e
rgb(8,21,142)
-
#0917a0
#0917a0
rgb(9,23,160)
-
#0a1ab3
#0a1ab3
rgb(10,26,179)
-
#0b1dc6
#0b1dc6
rgb(11,29,198)
-
#0c20d8
#0c20d8
rgb(12,32,216)
-
#0d22eb
#0d22eb
rgb(13,34,235)
-
#1a2ef2
#1a2ef2
rgb(26,46,242)
-
#2c3ff3
#2c3ff3
rgb(44,63,243)
-
#3f50f4
#3f50f4
rgb(63,80,244)
-
#5261f5
#5261f5
rgb(82,97,245)
-
#6472f6
#6472f6
rgb(100,114,246)
-
#7783f7
#7783f7
rgb(119,131,247)
-
#8994f8
#8994f8
rgb(137,148,248)
-
#9ca5f9
#9ca5f9
rgb(156,165,249)
-
#aeb5fa
#aeb5fa
rgb(174,181,250)
-
#c1c6fb
#c1c6fb
rgb(193,198,251)
-
#d3d7fd
#d3d7fd
rgb(211,215,253)
-
#e6e8fe
#e6e8fe
rgb(230,232,254)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #3f50f4
A tone is produced by adding gray to any pure hue. In this case, #95969e is the less saturated color, while #374afc is the most saturated one.
-
#95969e
#95969e
rgb(149,150,158)
-
#8d8fa6
#8d8fa6
rgb(141,143,166)
-
#8589ae
#8589ae
rgb(133,137,174)
-
#7d83b6
#7d83b6
rgb(125,131,182)
-
#767cbd
#767cbd
rgb(118,124,189)
-
#6e76c5
#6e76c5
rgb(110,118,197)
-
#6670cd
#6670cd
rgb(102,112,205)
-
#5e69d5
#5e69d5
rgb(94,105,213)
-
#5663dd
#5663dd
rgb(86,99,221)
-
#4f5de4
#4f5de4
rgb(79,93,228)
-
#4756ec
#4756ec
rgb(71,86,236)
-
#3f50f4
#3f50f4
rgb(63,80,244)
-
#374afc
#374afc
rgb(55,74,252)
Color Blindness Simulator
Below, you can see how #3f50f4 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.