#3f50bf Color Information
In a RGB color space, hex #3f50bf is composed of 24.7% red, 31.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 58.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 232 degrees, a saturation of 50.4% and a lightness of 49.8%. #3f50bf color hex could be obtained by blending #7ea0ff with #00007f. Closest websafe color is: #3366cc.
-
- R 25
- G 31
- B 75
-
- C 67
- M 58
- Y 0
- K 25
● #3f50bf color description : Moderate blue.
#3f50bf Color Conversion
The hexadecimal color #3f50bf has RGB values of R:63, G:80, B:191 and CMYK values of C:0.67, M:0.58, Y:0, K:0.25. Its decimal value is 4149439.
Hex triplet | 3f50bf | #3f50bf |
---|---|---|
RGB Decimal | 63, 80, 191 | rgb(63,80,191) |
RGB Percent | 24.7, 31.4, 74.9 | rgb(24.7%,31.4%,74.9%) |
CMYK | 67, 58, 0, 25 | |
HSL | 232°, 50.4, 49.8 | hsl(232,50.4%,49.8%) |
HSV (or HSB) | 232°, 67, 74.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 38.82, 29.764, -60.366 |
---|---|
XYZ | 14.321, 10.555, 50.57 |
xyY | 0.19, 0.14, 10.555 |
CIE-LCH | 38.82, 67.305, 296.246 |
CIE-LUV | 38.82, -10.717, -88.551 |
Hunter-Lab | 32.488, 21.827, -69.547 |
Binary | 00111111, 01010000, 10111111 |
Color Schemes with #3f50bf
Alternatives to #3f50bf
Below, you can see some colors close to #3f50bf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f50bf Preview
This text has a font color of #3f50bf.
<span style="color:#3f50bf;">Text here</span>
This paragraph has a background color of #3f50bf.
<p style="background-color:#3f50bf;">Content here</p>
This element has a border color of #3f50bf.
<div style="border:1px solid #3f50bf;">Content here</div>
.text {color:#3f50bf;}
.background {background-color:#3f50bf;}
.border {border:1px solid #3f50bf;}
Shades and Tints of #3f50bf
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, #05060e is the darkest color, while #fefeff is the lightest one.
-
#05060e
#05060e
rgb(5,6,14)
-
#090c1d
#090c1d
rgb(9,12,29)
-
#0e122b
#0e122b
rgb(14,18,43)
-
#13183a
#13183a
rgb(19,24,58)
-
#181f49
#181f49
rgb(24,31,73)
-
#1d2558
#1d2558
rgb(29,37,88)
-
#222b66
#222b66
rgb(34,43,102)
-
#273175
#273175
rgb(39,49,117)
-
#2c3784
#2c3784
rgb(44,55,132)
-
#303d93
#303d93
rgb(48,61,147)
-
#3544a1
#3544a1
rgb(53,68,161)
-
#3a4ab0
#3a4ab0
rgb(58,74,176)
-
#3f50bf
#3f50bf
rgb(63,80,191)
-
#4d5dc4
#4d5dc4
rgb(77,93,196)
-
#5c6bc9
#5c6bc9
rgb(92,107,201)
-
#6b78ce
#6b78ce
rgb(107,120,206)
-
#7985d3
#7985d3
rgb(121,133,211)
-
#8893d8
#8893d8
rgb(136,147,216)
-
#97a0dd
#97a0dd
rgb(151,160,221)
-
#a6aee2
#a6aee2
rgb(166,174,226)
-
#b4bbe6
#b4bbe6
rgb(180,187,230)
-
#c3c9eb
#c3c9eb
rgb(195,201,235)
-
#d2d6f0
#d2d6f0
rgb(210,214,240)
-
#e1e3f5
#e1e3f5
rgb(225,227,245)
-
#eff1fa
#eff1fa
rgb(239,241,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3f50bf
A tone is produced by adding gray to any pure hue. In this case, #7a7b84 is the less saturated color, while #0425fa is the most saturated one.
-
#7a7b84
#7a7b84
rgb(122,123,132)
-
#70748e
#70748e
rgb(112,116,142)
-
#666d98
#666d98
rgb(102,109,152)
-
#5c66a2
#5c66a2
rgb(92,102,162)
-
#535eab
#535eab
rgb(83,94,171)
-
#4957b5
#4957b5
rgb(73,87,181)
-
#3f50bf
#3f50bf
rgb(63,80,191)
-
#3549c9
#3549c9
rgb(53,73,201)
-
#2b42d3
#2b42d3
rgb(43,66,211)
-
#223adc
#223adc
rgb(34,58,220)
-
#1833e6
#1833e6
rgb(24,51,230)
-
#0e2cf0
#0e2cf0
rgb(14,44,240)
-
#0425fa
#0425fa
rgb(4,37,250)
Color Blindness Simulator
Below, you can see how #3f50bf 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.