#3f5cfd Color Information
In a RGB color space, hex #3f5cfd is composed of 24.7% red, 36.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 63.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 230.8 degrees, a saturation of 97.9% and a lightness of 62%. #3f5cfd color hex could be obtained by blending #7eb8ff with #0000fb. Closest websafe color is: #3366ff.
-
- R 25
- G 36
- B 99
-
- C 75
- M 64
- Y 0
- K 1
● #3f5cfd color description : Bright blue.
#3f5cfd Color Conversion
The hexadecimal color #3f5cfd has RGB values of R:63, G:92, B:253 and CMYK values of C:0.75, M:0.64, Y:0, K:0.01. Its decimal value is 4152573.
Hex triplet | 3f5cfd | #3f5cfd |
---|---|---|
RGB Decimal | 63, 92, 253 | rgb(63,92,253) |
RGB Percent | 24.7, 36.1, 99.2 | rgb(24.7%,36.1%,99.2%) |
CMYK | 75, 64, 0, 1 | |
HSL | 230.8°, 97.9, 62 | hsl(230.8,97.9%,62%) |
HSV (or HSB) | 230.8°, 75.1, 99.2 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.713, 43.964, -82.803 |
---|---|
XYZ | 23.603, 15.801, 94.729 |
xyY | 0.176, 0.118, 15.801 |
CIE-LCH | 46.713, 93.751, 297.966 |
CIE-LUV | 46.713, -14.906, -125.89 |
Hunter-Lab | 39.751, 36.425, -113.467 |
Binary | 00111111, 01011100, 11111101 |
Color Schemes with #3f5cfd
Alternatives to #3f5cfd
Below, you can see some colors close to #3f5cfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f5cfd Preview
This text has a font color of #3f5cfd.
<span style="color:#3f5cfd;">Text here</span>
This paragraph has a background color of #3f5cfd.
<p style="background-color:#3f5cfd;">Content here</p>
This element has a border color of #3f5cfd.
<div style="border:1px solid #3f5cfd;">Content here</div>
.text {color:#3f5cfd;}
.background {background-color:#3f5cfd;}
.border {border:1px solid #3f5cfd;}
Shades and Tints of #3f5cfd
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, #000002 is the darkest color, while #eef0ff is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#000316
#000316
rgb(0,3,22)
-
#000729
#000729
rgb(0,7,41)
-
#010a3c
#010a3c
rgb(1,10,60)
-
#010d50
#010d50
rgb(1,13,80)
-
#011063
#011063
rgb(1,16,99)
-
#011377
#011377
rgb(1,19,119)
-
#01168a
#01168a
rgb(1,22,138)
-
#02199d
#02199d
rgb(2,25,157)
-
#021db1
#021db1
rgb(2,29,177)
-
#0220c4
#0220c4
rgb(2,32,196)
-
#0223d8
#0223d8
rgb(2,35,216)
-
#0226eb
#0226eb
rgb(2,38,235)
-
#052bfc
#052bfc
rgb(5,43,252)
-
#183bfd
#183bfd
rgb(24,59,253)
-
#2c4cfd
#2c4cfd
rgb(44,76,253)
-
#3f5cfd
#3f5cfd
rgb(63,92,253)
-
#526cfd
#526cfd
rgb(82,108,253)
-
#667dfd
#667dfd
rgb(102,125,253)
-
#798dfe
#798dfe
rgb(121,141,254)
-
#8d9efe
#8d9efe
rgb(141,158,254)
-
#a0aefe
#a0aefe
rgb(160,174,254)
-
#b3bffe
#b3bffe
rgb(179,191,254)
-
#c7cffe
#c7cffe
rgb(199,207,254)
-
#dae0ff
#dae0ff
rgb(218,224,255)
-
#eef0ff
#eef0ff
rgb(238,240,255)
Tones of #3f5cfd
A tone is produced by adding gray to any pure hue. In this case, #999aa3 is the less saturated color, while #3f5cfd is the most saturated one.
-
#999aa3
#999aa3
rgb(153,154,163)
-
#9195ab
#9195ab
rgb(145,149,171)
-
#8a90b2
#8a90b2
rgb(138,144,178)
-
#828bba
#828bba
rgb(130,139,186)
-
#7b85c1
#7b85c1
rgb(123,133,193)
-
#7380c9
#7380c9
rgb(115,128,201)
-
#6c7bd0
#6c7bd0
rgb(108,123,208)
-
#6476d8
#6476d8
rgb(100,118,216)
-
#5d71df
#5d71df
rgb(93,113,223)
-
#556ce7
#556ce7
rgb(85,108,231)
-
#4e66ee
#4e66ee
rgb(78,102,238)
-
#4661f6
#4661f6
rgb(70,97,246)
-
#3f5cfd
#3f5cfd
rgb(63,92,253)
Color Blindness Simulator
Below, you can see how #3f5cfd 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.