#3f46e5 Color Information
In a RGB color space, hex #3f46e5 is composed of 24.7% red, 27.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 69.4% magenta, 0% yellow and 10.2% black. It has a hue angle of 237.5 degrees, a saturation of 76.1% and a lightness of 57.3%. #3f46e5 color hex could be obtained by blending #7e8cff with #0000cb. Closest websafe color is: #3333cc.
-
- R 25
- G 27
- B 90
-
- C 72
- M 69
- Y 0
- K 10
● #3f46e5 color description : Bright blue.
#3f46e5 Color Conversion
The hexadecimal color #3f46e5 has RGB values of R:63, G:70, B:229 and CMYK values of C:0.72, M:0.69, Y:0, K:0.1. Its decimal value is 4146917.
Hex triplet | 3f46e5 | #3f46e5 |
---|---|---|
RGB Decimal | 63, 70, 229 | rgb(63,70,229) |
RGB Percent | 24.7, 27.5, 89.8 | rgb(24.7%,27.5%,89.8%) |
CMYK | 72, 69, 0, 10 | |
HSL | 237.5°, 76.1, 57.3 | hsl(237.5,76.1%,57.3%) |
HSV (or HSB) | 237.5°, 72.5, 89.8 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 39.737, 48.894, -80.764 |
---|---|
XYZ | 18.38, 11.093, 75.297 |
xyY | 0.175, 0.106, 11.093 |
CIE-LCH | 39.737, 94.411, 301.19 |
CIE-LUV | 39.737, -9.719, -116.346 |
Hunter-Lab | 33.306, 40.219, -110.725 |
Binary | 00111111, 01000110, 11100101 |
Color Schemes with #3f46e5
Alternatives to #3f46e5
Below, you can see some colors close to #3f46e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f46e5 Preview
This text has a font color of #3f46e5.
<span style="color:#3f46e5;">Text here</span>
This paragraph has a background color of #3f46e5.
<p style="background-color:#3f46e5;">Content here</p>
This element has a border color of #3f46e5.
<div style="border:1px solid #3f46e5;">Content here</div>
.text {color:#3f46e5;}
.background {background-color:#3f46e5;}
.border {border:1px solid #3f46e5;}
Shades and Tints of #3f46e5
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, #02030f is the darkest color, while #fdfdff is the lightest one.
-
#02030f
#02030f
rgb(2,3,15)
-
#040621
#040621
rgb(4,6,33)
-
#070932
#070932
rgb(7,9,50)
-
#090c43
#090c43
rgb(9,12,67)
-
#0b0f54
#0b0f54
rgb(11,15,84)
-
#0e1166
#0e1166
rgb(14,17,102)
-
#101477
#101477
rgb(16,20,119)
-
#121788
#121788
rgb(18,23,136)
-
#151a9a
#151a9a
rgb(21,26,154)
-
#171dab
#171dab
rgb(23,29,171)
-
#1920bc
#1920bc
rgb(25,32,188)
-
#1c23cd
#1c23cd
rgb(28,35,205)
-
#1e26df
#1e26df
rgb(30,38,223)
-
#2e35e3
#2e35e3
rgb(46,53,227)
-
#3f46e5
#3f46e5
rgb(63,70,229)
-
#5057e7
#5057e7
rgb(80,87,231)
-
#6267ea
#6267ea
rgb(98,103,234)
-
#7378ec
#7378ec
rgb(115,120,236)
-
#8489ee
#8489ee
rgb(132,137,238)
-
#9599f1
#9599f1
rgb(149,153,241)
-
#a7aaf3
#a7aaf3
rgb(167,170,243)
-
#b8bbf5
#b8bbf5
rgb(184,187,245)
-
#c9cbf8
#c9cbf8
rgb(201,203,248)
-
#dadcfa
#dadcfa
rgb(218,220,250)
-
#ececfc
#ececfc
rgb(236,236,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #3f46e5
A tone is produced by adding gray to any pure hue. In this case, #8a8b9a is the less saturated color, while #262ffe is the most saturated one.
-
#8a8b9a
#8a8b9a
rgb(138,139,154)
-
#8283a2
#8283a2
rgb(130,131,162)
-
#7a7caa
#7a7caa
rgb(122,124,170)
-
#7174b3
#7174b3
rgb(113,116,179)
-
#696cbb
#696cbb
rgb(105,108,187)
-
#6165c3
#6165c3
rgb(97,101,195)
-
#585dcc
#585dcc
rgb(88,93,204)
-
#5055d4
#5055d4
rgb(80,85,212)
-
#474edd
#474edd
rgb(71,78,221)
-
#3f46e5
#3f46e5
rgb(63,70,229)
-
#373eed
#373eed
rgb(55,62,237)
-
#2e37f6
#2e37f6
rgb(46,55,246)
-
#262ffe
#262ffe
rgb(38,47,254)
Color Blindness Simulator
Below, you can see how #3f46e5 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.