#3fa5f2 Color Information
In a RGB color space, hex #3fa5f2 is composed of 24.7% red, 64.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 31.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 205.8 degrees, a saturation of 87.3% and a lightness of 59.8%. #3fa5f2 color hex could be obtained by blending #7effff with #004be5. Closest websafe color is: #3399ff.
-
- R 25
- G 65
- B 95
-
- C 74
- M 32
- Y 0
- K 5
● #3fa5f2 color description : Bright blue.
#3fa5f2 Color Conversion
The hexadecimal color #3fa5f2 has RGB values of R:63, G:165, B:242 and CMYK values of C:0.74, M:0.32, Y:0, K:0.05. Its decimal value is 4171250.
Hex triplet | 3fa5f2 | #3fa5f2 |
---|---|---|
RGB Decimal | 63, 165, 242 | rgb(63,165,242) |
RGB Percent | 24.7, 64.7, 94.9 | rgb(24.7%,64.7%,94.9%) |
CMYK | 74, 32, 0, 5 | |
HSL | 205.8°, 87.3, 59.8 | hsl(205.8,87.3%,59.8%) |
HSV (or HSB) | 205.8°, 74, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.259, -4.138, -46.878 |
---|---|
XYZ | 31.528, 34.375, 88.973 |
xyY | 0.204, 0.222, 34.375 |
CIE-LCH | 65.259, 47.06, 264.955 |
CIE-LUV | 65.259, -36.416, -74.912 |
Hunter-Lab | 58.63, -6.616, -48.933 |
Binary | 00111111, 10100101, 11110010 |
Color Schemes with #3fa5f2
Alternatives to #3fa5f2
Below, you can see some colors close to #3fa5f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3fa5f2 Preview
This text has a font color of #3fa5f2.
<span style="color:#3fa5f2;">Text here</span>
This paragraph has a background color of #3fa5f2.
<p style="background-color:#3fa5f2;">Content here</p>
This element has a border color of #3fa5f2.
<div style="border:1px solid #3fa5f2;">Content here</div>
.text {color:#3fa5f2;}
.background {background-color:#3fa5f2;}
.border {border:1px solid #3fa5f2;}
Shades and Tints of #3fa5f2
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, #01060a is the darkest color, while #f7fbfe is the lightest one.
-
#01060a
#01060a
rgb(1,6,10)
-
#02111c
#02111c
rgb(2,17,28)
-
#031c2f
#031c2f
rgb(3,28,47)
-
#042741
#042741
rgb(4,39,65)
-
#063254
#063254
rgb(6,50,84)
-
#073d66
#073d66
rgb(7,61,102)
-
#084878
#084878
rgb(8,72,120)
-
#09538b
#09538b
rgb(9,83,139)
-
#0b5e9d
#0b5e9d
rgb(11,94,157)
-
#0c69af
#0c69af
rgb(12,105,175)
-
#0d74c2
#0d74c2
rgb(13,116,194)
-
#0e7fd4
#0e7fd4
rgb(14,127,212)
-
#108ae7
#108ae7
rgb(16,138,231)
-
#1a94f0
#1a94f0
rgb(26,148,240)
-
#2d9cf1
#2d9cf1
rgb(45,156,241)
-
#3fa5f2
#3fa5f2
rgb(63,165,242)
-
#51aef3
#51aef3
rgb(81,174,243)
-
#64b6f4
#64b6f4
rgb(100,182,244)
-
#76bff6
#76bff6
rgb(118,191,246)
-
#88c7f7
#88c7f7
rgb(136,199,247)
-
#9bd0f8
#9bd0f8
rgb(155,208,248)
-
#add9f9
#add9f9
rgb(173,217,249)
-
#c0e1fb
#c0e1fb
rgb(192,225,251)
-
#d2eafc
#d2eafc
rgb(210,234,252)
-
#e4f3fd
#e4f3fd
rgb(228,243,253)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #3fa5f2
A tone is produced by adding gray to any pure hue. In this case, #96999b is the less saturated color, while #37a6fa is the most saturated one.
-
#96999b
#96999b
rgb(150,153,155)
-
#8e9aa3
#8e9aa3
rgb(142,154,163)
-
#869bab
#869bab
rgb(134,155,171)
-
#7e9cb3
#7e9cb3
rgb(126,156,179)
-
#769dbb
#769dbb
rgb(118,157,187)
-
#6e9ec3
#6e9ec3
rgb(110,158,195)
-
#669fcb
#669fcb
rgb(102,159,203)
-
#5fa1d2
#5fa1d2
rgb(95,161,210)
-
#57a2da
#57a2da
rgb(87,162,218)
-
#4fa3e2
#4fa3e2
rgb(79,163,226)
-
#47a4ea
#47a4ea
rgb(71,164,234)
-
#3fa5f2
#3fa5f2
rgb(63,165,242)
-
#37a6fa
#37a6fa
rgb(55,166,250)
Color Blindness Simulator
Below, you can see how #3fa5f2 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.