#3f50f5 Color Information
In a RGB color space, hex #3f50f5 is composed of 24.7% red, 31.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 67.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 234.4 degrees, a saturation of 90.1% and a lightness of 60.4%. #3f50f5 color hex could be obtained by blending #7ea0ff with #0000eb. Closest websafe color is: #3366ff.
-
- R 25
- G 31
- B 96
-
- C 74
- M 67
- Y 0
- K 4
● #3f50f5 color description : Bright blue.
#3f50f5 Color Conversion
The hexadecimal color #3f50f5 has RGB values of R:63, G:80, B:245 and CMYK values of C:0.74, M:0.67, Y:0, K:0.04. Its decimal value is 4149493.
Hex triplet | 3f50f5 | #3f50f5 |
---|---|---|
RGB Decimal | 63, 80, 245 | rgb(63,80,245) |
RGB Percent | 24.7, 31.4, 96.1 | rgb(24.7%,31.4%,96.1%) |
CMYK | 74, 67, 0, 4 | |
HSL | 234.4°, 90.1, 60.4 | hsl(234.4,90.1%,60.4%) |
HSV (or HSB) | 234.4°, 74.3, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.338, 48.395, -83.874 |
---|---|
XYZ | 21.397, 13.385, 87.837 |
xyY | 0.174, 0.109, 13.385 |
CIE-LCH | 43.338, 96.835, 299.985 |
CIE-LUV | 43.338, -12.182, -124.117 |
Hunter-Lab | 36.586, 40.367, -116.736 |
Binary | 00111111, 01010000, 11110101 |
Color Schemes with #3f50f5
Alternatives to #3f50f5
Below, you can see some colors close to #3f50f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f50f5 Preview
This text has a font color of #3f50f5.
<span style="color:#3f50f5;">Text here</span>
This paragraph has a background color of #3f50f5.
<p style="background-color:#3f50f5;">Content here</p>
This element has a border color of #3f50f5.
<div style="border:1px solid #3f50f5;">Content here</div>
.text {color:#3f50f5;}
.background {background-color:#3f50f5;}
.border {border:1px solid #3f50f5;}
Shades and Tints of #3f50f5
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, #01020d is the darkest color, while #f9faff is the lightest one.
-
#01020d
#01020d
rgb(1,2,13)
-
#020420
#020420
rgb(2,4,32)
-
#030732
#030732
rgb(3,7,50)
-
#040a45
#040a45
rgb(4,10,69)
-
#050c58
#050c58
rgb(5,12,88)
-
#060f6a
#060f6a
rgb(6,15,106)
-
#07127d
#07127d
rgb(7,18,125)
-
#071490
#071490
rgb(7,20,144)
-
#0817a2
#0817a2
rgb(8,23,162)
-
#0919b5
#0919b5
rgb(9,25,181)
-
#0a1cc8
#0a1cc8
rgb(10,28,200)
-
#0b1fda
#0b1fda
rgb(11,31,218)
-
#0c21ed
#0c21ed
rgb(12,33,237)
-
#1a2ef3
#1a2ef3
rgb(26,46,243)
-
#2c3ff4
#2c3ff4
rgb(44,63,244)
-
#3f50f5
#3f50f5
rgb(63,80,245)
-
#5261f6
#5261f6
rgb(82,97,246)
-
#6472f7
#6472f7
rgb(100,114,247)
-
#7783f8
#7783f8
rgb(119,131,248)
-
#8a94f9
#8a94f9
rgb(138,148,249)
-
#9ca5fa
#9ca5fa
rgb(156,165,250)
-
#afb6fb
#afb6fb
rgb(175,182,251)
-
#c2c7fc
#c2c7fc
rgb(194,199,252)
-
#d4d8fd
#d4d8fd
rgb(212,216,253)
-
#e7e9fe
#e7e9fe
rgb(231,233,254)
-
#f9faff
#f9faff
rgb(249,250,255)
Tones of #3f50f5
A tone is produced by adding gray to any pure hue. In this case, #9495a0 is the less saturated color, while #374afd is the most saturated one.
-
#9495a0
#9495a0
rgb(148,149,160)
-
#8d8fa7
#8d8fa7
rgb(141,143,167)
-
#8589af
#8589af
rgb(133,137,175)
-
#7d83b7
#7d83b7
rgb(125,131,183)
-
#757cbf
#757cbf
rgb(117,124,191)
-
#6e76c6
#6e76c6
rgb(110,118,198)
-
#6670ce
#6670ce
rgb(102,112,206)
-
#5e69d6
#5e69d6
rgb(94,105,214)
-
#5663de
#5663de
rgb(86,99,222)
-
#4f5de5
#4f5de5
rgb(79,93,229)
-
#4756ed
#4756ed
rgb(71,86,237)
-
#3f50f5
#3f50f5
rgb(63,80,245)
-
#374afd
#374afd
rgb(55,74,253)
Color Blindness Simulator
Below, you can see how #3f50f5 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.