#3f80f5 Color Information
In a RGB color space, hex #3f80f5 is composed of 24.7% red, 50.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 47.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 218.6 degrees, a saturation of 90.1% and a lightness of 60.4%. #3f80f5 color hex could be obtained by blending #7effff with #0001eb. Closest websafe color is: #3399ff.
-
- R 25
- G 50
- B 96
-
- C 74
- M 48
- Y 0
- K 4
● #3f80f5 color description : Bright blue.
#3f80f5 Color Conversion
The hexadecimal color #3f80f5 has RGB values of R:63, G:128, B:245 and CMYK values of C:0.74, M:0.48, Y:0, K:0.04. Its decimal value is 4161781.
Hex triplet | 3f80f5 | #3f80f5 |
---|---|---|
RGB Decimal | 63, 128, 245 | rgb(63,128,245) |
RGB Percent | 24.7, 50.2, 96.1 | rgb(24.7%,50.2%,96.1%) |
CMYK | 74, 48, 0, 4 | |
HSL | 218.6°, 90.1, 60.4 | hsl(218.6,90.1%,60.4%) |
HSV (or HSB) | 218.6°, 74.3, 96.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.161, 18.873, -64.626 |
---|---|
XYZ | 26.247, 23.086, 89.454 |
xyY | 0.189, 0.166, 23.086 |
CIE-LCH | 55.161, 67.325, 286.279 |
CIE-LUV | 55.161, -24.399, -103.365 |
Hunter-Lab | 48.048, 13.426, -76.751 |
Binary | 00111111, 10000000, 11110101 |
Color Schemes with #3f80f5
Alternatives to #3f80f5
Below, you can see some colors close to #3f80f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f80f5 Preview
This text has a font color of #3f80f5.
<span style="color:#3f80f5;">Text here</span>
This paragraph has a background color of #3f80f5.
<p style="background-color:#3f80f5;">Content here</p>
This element has a border color of #3f80f5.
<div style="border:1px solid #3f80f5;">Content here</div>
.text {color:#3f80f5;}
.background {background-color:#3f80f5;}
.border {border:1px solid #3f80f5;}
Shades and Tints of #3f80f5
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, #01050d is the darkest color, while #f9fbff is the lightest one.
-
#01050d
#01050d
rgb(1,5,13)
-
#020c20
#020c20
rgb(2,12,32)
-
#031432
#031432
rgb(3,20,50)
-
#041b45
#041b45
rgb(4,27,69)
-
#052258
#052258
rgb(5,34,88)
-
#062a6a
#062a6a
rgb(6,42,106)
-
#07317d
#07317d
rgb(7,49,125)
-
#073890
#073890
rgb(7,56,144)
-
#083fa2
#083fa2
rgb(8,63,162)
-
#0947b5
#0947b5
rgb(9,71,181)
-
#0a4ec8
#0a4ec8
rgb(10,78,200)
-
#0b55da
#0b55da
rgb(11,85,218)
-
#0c5ded
#0c5ded
rgb(12,93,237)
-
#1a67f3
#1a67f3
rgb(26,103,243)
-
#2c74f4
#2c74f4
rgb(44,116,244)
-
#3f80f5
#3f80f5
rgb(63,128,245)
-
#528cf6
#528cf6
rgb(82,140,246)
-
#6499f7
#6499f7
rgb(100,153,247)
-
#77a5f8
#77a5f8
rgb(119,165,248)
-
#8ab1f9
#8ab1f9
rgb(138,177,249)
-
#9cbefa
#9cbefa
rgb(156,190,250)
-
#afcafb
#afcafb
rgb(175,202,251)
-
#c2d6fc
#c2d6fc
rgb(194,214,252)
-
#d4e3fd
#d4e3fd
rgb(212,227,253)
-
#e7effe
#e7effe
rgb(231,239,254)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #3f80f5
A tone is produced by adding gray to any pure hue. In this case, #9498a0 is the less saturated color, while #377efd is the most saturated one.
-
#9498a0
#9498a0
rgb(148,152,160)
-
#8d96a7
#8d96a7
rgb(141,150,167)
-
#8594af
#8594af
rgb(133,148,175)
-
#7d92b7
#7d92b7
rgb(125,146,183)
-
#7590bf
#7590bf
rgb(117,144,191)
-
#6e8dc6
#6e8dc6
rgb(110,141,198)
-
#668bce
#668bce
rgb(102,139,206)
-
#5e89d6
#5e89d6
rgb(94,137,214)
-
#5687de
#5687de
rgb(86,135,222)
-
#4f84e5
#4f84e5
rgb(79,132,229)
-
#4782ed
#4782ed
rgb(71,130,237)
-
#3f80f5
#3f80f5
rgb(63,128,245)
-
#377efd
#377efd
rgb(55,126,253)
Color Blindness Simulator
Below, you can see how #3f80f5 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.