#3f5ff9 Color Information
In a RGB color space, hex #3f5ff9 is composed of 24.7% red, 37.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 61.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 229.7 degrees, a saturation of 93.9% and a lightness of 61.2%. #3f5ff9 color hex could be obtained by blending #7ebeff with #0000f3. Closest websafe color is: #3366ff.
-
- R 25
- G 37
- B 98
-
- C 75
- M 62
- Y 0
- K 2
● #3f5ff9 color description : Bright blue.
#3f5ff9 Color Conversion
The hexadecimal color #3f5ff9 has RGB values of R:63, G:95, B:249 and CMYK values of C:0.75, M:0.62, Y:0, K:0.02. Its decimal value is 4153337.
Hex triplet | 3f5ff9 | #3f5ff9 |
---|---|---|
RGB Decimal | 63, 95, 249 | rgb(63,95,249) |
RGB Percent | 24.7, 37.3, 97.6 | rgb(24.7%,37.3%,97.6%) |
CMYK | 75, 62, 0, 2 | |
HSL | 229.7°, 93.9, 61.2 | hsl(229.7,93.9%,61.2%) |
HSV (or HSB) | 229.7°, 74.7, 97.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.078, 40.758, -79.976 |
---|---|
XYZ | 23.237, 16.079, 91.496 |
xyY | 0.178, 0.123, 16.079 |
CIE-LCH | 47.078, 89.763, 297.004 |
CIE-LUV | 47.078, -15.523, -122.287 |
Hunter-Lab | 40.099, 33.269, -107.217 |
Binary | 00111111, 01011111, 11111001 |
Color Schemes with #3f5ff9
Alternatives to #3f5ff9
Below, you can see some colors close to #3f5ff9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5ff9 Preview
This text has a font color of #3f5ff9.
<span style="color:#3f5ff9;">Text here</span>
This paragraph has a background color of #3f5ff9.
<p style="background-color:#3f5ff9;">Content here</p>
This element has a border color of #3f5ff9.
<div style="border:1px solid #3f5ff9;">Content here</div>
.text {color:#3f5ff9;}
.background {background-color:#3f5ff9;}
.border {border:1px solid #3f5ff9;}
Shades and Tints of #3f5ff9
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, #010311 is the darkest color, while #fdfeff is the lightest one.
-
#010311
#010311
rgb(1,3,17)
-
#010724
#010724
rgb(1,7,36)
-
#020b37
#020b37
rgb(2,11,55)
-
#020f4a
#020f4a
rgb(2,15,74)
-
#03125d
#03125d
rgb(3,18,93)
-
#041670
#041670
rgb(4,22,112)
-
#041a83
#041a83
rgb(4,26,131)
-
#051e96
#051e96
rgb(5,30,150)
-
#0522a9
#0522a9
rgb(5,34,169)
-
#0625bc
#0625bc
rgb(6,37,188)
-
#0629cf
#0629cf
rgb(6,41,207)
-
#072de2
#072de2
rgb(7,45,226)
-
#0831f5
#0831f5
rgb(8,49,245)
-
#193ff8
#193ff8
rgb(25,63,248)
-
#2c4ff8
#2c4ff8
rgb(44,79,248)
-
#3f5ff9
#3f5ff9
rgb(63,95,249)
-
#526ffa
#526ffa
rgb(82,111,250)
-
#657ffa
#657ffa
rgb(101,127,250)
-
#788ffb
#788ffb
rgb(120,143,251)
-
#8b9efb
#8b9efb
rgb(139,158,251)
-
#9eaefc
#9eaefc
rgb(158,174,252)
-
#b1befd
#b1befd
rgb(177,190,253)
-
#c4cefd
#c4cefd
rgb(196,206,253)
-
#d7defe
#d7defe
rgb(215,222,254)
-
#eaeefe
#eaeefe
rgb(234,238,254)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3f5ff9
A tone is produced by adding gray to any pure hue. In this case, #9a9b9e is the less saturated color, while #3f5ff9 is the most saturated one.
-
#9a9b9e
#9a9b9e
rgb(154,155,158)
-
#9396a5
#9396a5
rgb(147,150,165)
-
#8b91ad
#8b91ad
rgb(139,145,173)
-
#848cb4
#848cb4
rgb(132,140,180)
-
#7c87bc
#7c87bc
rgb(124,135,188)
-
#7482c4
#7482c4
rgb(116,130,196)
-
#6d7dcb
#6d7dcb
rgb(109,125,203)
-
#6578d3
#6578d3
rgb(101,120,211)
-
#5d73db
#5d73db
rgb(93,115,219)
-
#566ee2
#566ee2
rgb(86,110,226)
-
#4e69ea
#4e69ea
rgb(78,105,234)
-
#4764f1
#4764f1
rgb(71,100,241)
-
#3f5ff9
#3f5ff9
rgb(63,95,249)
Color Blindness Simulator
Below, you can see how #3f5ff9 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.