#3fa4f2 Color Information
In a RGB color space, hex #3fa4f2 is composed of 24.7% red, 64.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 32.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.1 degrees, a saturation of 87.3% and a lightness of 59.8%. #3fa4f2 color hex could be obtained by blending #7effff with #0049e5. Closest websafe color is: #3399ff.
-
- R 25
- G 64
- B 95
-
- C 74
- M 32
- Y 0
- K 5
● #3fa4f2 color description : Bright blue.
#3fa4f2 Color Conversion
The hexadecimal color #3fa4f2 has RGB values of R:63, G:164, B:242 and CMYK values of C:0.74, M:0.32, Y:0, K:0.05. Its decimal value is 4170994.
Hex triplet | 3fa4f2 | #3fa4f2 |
---|---|---|
RGB Decimal | 63, 164, 242 | rgb(63,164,242) |
RGB Percent | 24.7, 64.3, 94.9 | rgb(24.7%,64.3%,94.9%) |
CMYK | 74, 32, 0, 5 | |
HSL | 206.1°, 87.3, 59.8 | hsl(206.1,87.3%,59.8%) |
HSV (or HSB) | 206.1°, 74, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.975, -3.572, -47.326 |
---|---|
XYZ | 31.349, 34.016, 88.913 |
xyY | 0.203, 0.22, 34.016 |
CIE-LCH | 64.975, 47.461, 265.683 |
CIE-LUV | 64.975, -36.078, -75.682 |
Hunter-Lab | 58.323, -6.122, -49.561 |
Binary | 00111111, 10100100, 11110010 |
Color Schemes with #3fa4f2
Alternatives to #3fa4f2
Below, you can see some colors close to #3fa4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3fa4f2 Preview
This text has a font color of #3fa4f2.
<span style="color:#3fa4f2;">Text here</span>
This paragraph has a background color of #3fa4f2.
<p style="background-color:#3fa4f2;">Content here</p>
This element has a border color of #3fa4f2.
<div style="border:1px solid #3fa4f2;">Content here</div>
.text {color:#3fa4f2;}
.background {background-color:#3fa4f2;}
.border {border:1px solid #3fa4f2;}
Shades and Tints of #3fa4f2
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)
-
#084778
#084778
rgb(8,71,120)
-
#09528b
#09528b
rgb(9,82,139)
-
#0b5d9d
#0b5d9d
rgb(11,93,157)
-
#0c68af
#0c68af
rgb(12,104,175)
-
#0d73c2
#0d73c2
rgb(13,115,194)
-
#0e7ed4
#0e7ed4
rgb(14,126,212)
-
#1089e7
#1089e7
rgb(16,137,231)
-
#1a93f0
#1a93f0
rgb(26,147,240)
-
#2d9bf1
#2d9bf1
rgb(45,155,241)
-
#3fa4f2
#3fa4f2
rgb(63,164,242)
-
#51adf3
#51adf3
rgb(81,173,243)
-
#64b5f4
#64b5f4
rgb(100,181,244)
-
#76bef6
#76bef6
rgb(118,190,246)
-
#88c7f7
#88c7f7
rgb(136,199,247)
-
#9bd0f8
#9bd0f8
rgb(155,208,248)
-
#add8f9
#add8f9
rgb(173,216,249)
-
#c0e1fb
#c0e1fb
rgb(192,225,251)
-
#d2eafc
#d2eafc
rgb(210,234,252)
-
#e4f2fd
#e4f2fd
rgb(228,242,253)
-
#f7fbfe
#f7fbfe
rgb(247,251,254)
Tones of #3fa4f2
A tone is produced by adding gray to any pure hue. In this case, #96999b is the less saturated color, while #37a5fa 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)
-
#5fa0d2
#5fa0d2
rgb(95,160,210)
-
#57a1da
#57a1da
rgb(87,161,218)
-
#4fa2e2
#4fa2e2
rgb(79,162,226)
-
#47a3ea
#47a3ea
rgb(71,163,234)
-
#3fa4f2
#3fa4f2
rgb(63,164,242)
-
#37a5fa
#37a5fa
rgb(55,165,250)
Color Blindness Simulator
Below, you can see how #3fa4f2 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.