#3f5fde Color Information
In a RGB color space, hex #3f5fde is composed of 24.7% red, 37.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 57.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 227.9 degrees, a saturation of 70.7% and a lightness of 55.9%. #3f5fde color hex could be obtained by blending #7ebeff with #0000bd. Closest websafe color is: #3366cc.
-
- R 25
- G 37
- B 87
-
- C 72
- M 57
- Y 0
- K 13
● #3f5fde color description : Bright blue.
#3f5fde Color Conversion
The hexadecimal color #3f5fde has RGB values of R:63, G:95, B:222 and CMYK values of C:0.72, M:0.57, Y:0, K:0.13. Its decimal value is 4153310.
Hex triplet | 3f5fde | #3f5fde |
---|---|---|
RGB Decimal | 63, 95, 222 | rgb(63,95,222) |
RGB Percent | 24.7, 37.3, 87.1 | rgb(24.7%,37.3%,87.1%) |
CMYK | 72, 57, 0, 13 | |
HSL | 227.9°, 70.7, 55.9 | hsl(227.9,70.7%,55.9%) |
HSV (or HSB) | 227.9°, 71.6, 87.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.961, 31.244, -68.234 |
---|---|
XYZ | 19.324, 14.514, 70.886 |
xyY | 0.185, 0.139, 14.514 |
CIE-LCH | 44.961, 75.047, 294.603 |
CIE-LUV | 44.961, -15.168, -103.958 |
Hunter-Lab | 38.097, 23.872, -83.652 |
Binary | 00111111, 01011111, 11011110 |
Color Schemes with #3f5fde
Alternatives to #3f5fde
Below, you can see some colors close to #3f5fde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5fde Preview
This text has a font color of #3f5fde.
<span style="color:#3f5fde;">Text here</span>
This paragraph has a background color of #3f5fde.
<p style="background-color:#3f5fde;">Content here</p>
This element has a border color of #3f5fde.
<div style="border:1px solid #3f5fde;">Content here</div>
.text {color:#3f5fde;}
.background {background-color:#3f5fde;}
.border {border:1px solid #3f5fde;}
Shades and Tints of #3f5fde
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, #020309 is the darkest color, while #f7f8fe is the lightest one.
-
#020309
#020309
rgb(2,3,9)
-
#04091a
#04091a
rgb(4,9,26)
-
#070e2a
#070e2a
rgb(7,14,42)
-
#0a143b
#0a143b
rgb(10,20,59)
-
#0d1a4c
#0d1a4c
rgb(13,26,76)
-
#101f5d
#101f5d
rgb(16,31,93)
-
#13256d
#13256d
rgb(19,37,109)
-
#162b7e
#162b7e
rgb(22,43,126)
-
#19308f
#19308f
rgb(25,48,143)
-
#1b36a0
#1b36a0
rgb(27,54,160)
-
#1e3cb0
#1e3cb0
rgb(30,60,176)
-
#2141c1
#2141c1
rgb(33,65,193)
-
#2447d2
#2447d2
rgb(36,71,210)
-
#2e51db
#2e51db
rgb(46,81,219)
-
#3f5fde
#3f5fde
rgb(63,95,222)
-
#506de1
#506de1
rgb(80,109,225)
-
#607be4
#607be4
rgb(96,123,228)
-
#7189e7
#7189e7
rgb(113,137,231)
-
#8297ea
#8297ea
rgb(130,151,234)
-
#93a5ec
#93a5ec
rgb(147,165,236)
-
#a3b3ef
#a3b3ef
rgb(163,179,239)
-
#b4c1f2
#b4c1f2
rgb(180,193,242)
-
#c5cff5
#c5cff5
rgb(197,207,245)
-
#d6ddf8
#d6ddf8
rgb(214,221,248)
-
#e6eafb
#e6eafb
rgb(230,234,251)
-
#f7f8fe
#f7f8fe
rgb(247,248,254)
Tones of #3f5fde
A tone is produced by adding gray to any pure hue. In this case, #8d8e90 is the less saturated color, while #254ff8 is the most saturated one.
-
#8d8e90
#8d8e90
rgb(141,142,144)
-
#848899
#848899
rgb(132,136,153)
-
#7c83a1
#7c83a1
rgb(124,131,161)
-
#737eaa
#737eaa
rgb(115,126,170)
-
#6a79b3
#6a79b3
rgb(106,121,179)
-
#6274bb
#6274bb
rgb(98,116,187)
-
#596fc4
#596fc4
rgb(89,111,196)
-
#5069cd
#5069cd
rgb(80,105,205)
-
#4864d5
#4864d5
rgb(72,100,213)
-
#3f5fde
#3f5fde
rgb(63,95,222)
-
#365ae7
#365ae7
rgb(54,90,231)
-
#2e55ef
#2e55ef
rgb(46,85,239)
-
#254ff8
#254ff8
rgb(37,79,248)
Color Blindness Simulator
Below, you can see how #3f5fde 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.