#3fb1f4 Color Information
In a RGB color space, hex #3fb1f4 is composed of 24.7% red, 69.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 27.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 202.2 degrees, a saturation of 89.2% and a lightness of 60.2%. #3fb1f4 color hex could be obtained by blending #7effff with #0063e9. Closest websafe color is: #3399ff.
-
- R 25
- G 69
- B 96
-
- C 74
- M 27
- Y 0
- K 4
● #3fb1f4 color description : Bright blue.
#3fb1f4 Color Conversion
The hexadecimal color #3fb1f4 has RGB values of R:63, G:177, B:244 and CMYK values of C:0.74, M:0.27, Y:0, K:0.04. Its decimal value is 4174324.
Hex triplet | 3fb1f4 | #3fb1f4 |
---|---|---|
RGB Decimal | 63, 177, 244 | rgb(63,177,244) |
RGB Percent | 24.7, 69.4, 95.7 | rgb(24.7%,69.4%,95.7%) |
CMYK | 74, 27, 0, 4 | |
HSL | 202.2°, 89.2, 60.2 | hsl(202.2,89.2%,60.2%) |
HSV (or HSB) | 202.2°, 74.2, 95.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 68.773, -10.127, -42.45 |
---|---|
XYZ | 34.097, 39.03, 91.319 |
xyY | 0.207, 0.237, 39.03 |
CIE-LCH | 68.773, 43.641, 256.583 |
CIE-LUV | 68.773, -40.407, -67.232 |
Hunter-Lab | 62.474, -11.907, -42.934 |
Binary | 00111111, 10110001, 11110100 |
Color Schemes with #3fb1f4
Alternatives to #3fb1f4
Below, you can see some colors close to #3fb1f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3fb1f4 Preview
This text has a font color of #3fb1f4.
<span style="color:#3fb1f4;">Text here</span>
This paragraph has a background color of #3fb1f4.
<p style="background-color:#3fb1f4;">Content here</p>
This element has a border color of #3fb1f4.
<div style="border:1px solid #3fb1f4;">Content here</div>
.text {color:#3fb1f4;}
.background {background-color:#3fb1f4;}
.border {border:1px solid #3fb1f4;}
Shades and Tints of #3fb1f4
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, #01080c is the darkest color, while #f9fcff is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#02141f
#02141f
rgb(2,20,31)
-
#032031
#032031
rgb(3,32,49)
-
#042c44
#042c44
rgb(4,44,68)
-
#053856
#053856
rgb(5,56,86)
-
#064469
#064469
rgb(6,68,105)
-
#07507b
#07507b
rgb(7,80,123)
-
#085c8e
#085c8e
rgb(8,92,142)
-
#0968a0
#0968a0
rgb(9,104,160)
-
#0a75b3
#0a75b3
rgb(10,117,179)
-
#0b81c6
#0b81c6
rgb(11,129,198)
-
#0c8dd8
#0c8dd8
rgb(12,141,216)
-
#0d99eb
#0d99eb
rgb(13,153,235)
-
#1aa2f2
#1aa2f2
rgb(26,162,242)
-
#2ca9f3
#2ca9f3
rgb(44,169,243)
-
#3fb1f4
#3fb1f4
rgb(63,177,244)
-
#52b9f5
#52b9f5
rgb(82,185,245)
-
#64c0f6
#64c0f6
rgb(100,192,246)
-
#77c8f7
#77c8f7
rgb(119,200,247)
-
#89cff8
#89cff8
rgb(137,207,248)
-
#9cd7f9
#9cd7f9
rgb(156,215,249)
-
#aedefa
#aedefa
rgb(174,222,250)
-
#c1e6fb
#c1e6fb
rgb(193,230,251)
-
#d3edfd
#d3edfd
rgb(211,237,253)
-
#e6f5fe
#e6f5fe
rgb(230,245,254)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #3fb1f4
A tone is produced by adding gray to any pure hue. In this case, #959b9e is the less saturated color, while #37b3fc is the most saturated one.
-
#959b9e
#959b9e
rgb(149,155,158)
-
#8d9da6
#8d9da6
rgb(141,157,166)
-
#859fae
#859fae
rgb(133,159,174)
-
#7da1b6
#7da1b6
rgb(125,161,182)
-
#76a3bd
#76a3bd
rgb(118,163,189)
-
#6ea5c5
#6ea5c5
rgb(110,165,197)
-
#66a7cd
#66a7cd
rgb(102,167,205)
-
#5ea9d5
#5ea9d5
rgb(94,169,213)
-
#56abdd
#56abdd
rgb(86,171,221)
-
#4fade4
#4fade4
rgb(79,173,228)
-
#47afec
#47afec
rgb(71,175,236)
-
#3fb1f4
#3fb1f4
rgb(63,177,244)
-
#37b3fc
#37b3fc
rgb(55,179,252)
Color Blindness Simulator
Below, you can see how #3fb1f4 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.