#3fbaf4 Color Information
In a RGB color space, hex #3fbaf4 is composed of 24.7% red, 72.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 23.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 199.2 degrees, a saturation of 89.2% and a lightness of 60.2%. #3fbaf4 color hex could be obtained by blending #7effff with #0075e9. Closest websafe color is: #33ccff.
-
- R 25
- G 73
- B 96
-
- C 74
- M 24
- Y 0
- K 4
● #3fbaf4 color description : Bright blue.
#3fbaf4 Color Conversion
The hexadecimal color #3fbaf4 has RGB values of R:63, G:186, B:244 and CMYK values of C:0.74, M:0.24, Y:0, K:0.04. Its decimal value is 4176628.
Hex triplet | 3fbaf4 | #3fbaf4 |
---|---|---|
RGB Decimal | 63, 186, 244 | rgb(63,186,244) |
RGB Percent | 24.7, 72.9, 95.7 | rgb(24.7%,72.9%,95.7%) |
CMYK | 74, 24, 0, 4 | |
HSL | 199.2°, 89.2, 60.2 | hsl(199.2,89.2%,60.2%) |
HSV (or HSB) | 199.2°, 74.2, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.353, -14.98, -38.422 |
---|---|
XYZ | 35.934, 42.703, 91.932 |
xyY | 0.211, 0.25, 42.703 |
CIE-LCH | 71.353, 41.239, 248.7 |
CIE-LUV | 71.353, -43.505, -60.059 |
Hunter-Lab | 65.348, -16.204, -37.666 |
Binary | 00111111, 10111010, 11110100 |
Color Schemes with #3fbaf4
Alternatives to #3fbaf4
Below, you can see some colors close to #3fbaf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3fbaf4 Preview
This text has a font color of #3fbaf4.
<span style="color:#3fbaf4;">Text here</span>
This paragraph has a background color of #3fbaf4.
<p style="background-color:#3fbaf4;">Content here</p>
This element has a border color of #3fbaf4.
<div style="border:1px solid #3fbaf4;">Content here</div>
.text {color:#3fbaf4;}
.background {background-color:#3fbaf4;}
.border {border:1px solid #3fbaf4;}
Shades and Tints of #3fbaf4
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 #f9fdff is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#02151f
#02151f
rgb(2,21,31)
-
#032231
#032231
rgb(3,34,49)
-
#042f44
#042f44
rgb(4,47,68)
-
#053c56
#053c56
rgb(5,60,86)
-
#064969
#064969
rgb(6,73,105)
-
#07567b
#07567b
rgb(7,86,123)
-
#08638e
#08638e
rgb(8,99,142)
-
#0970a0
#0970a0
rgb(9,112,160)
-
#0a7db3
#0a7db3
rgb(10,125,179)
-
#0b8ac6
#0b8ac6
rgb(11,138,198)
-
#0c97d8
#0c97d8
rgb(12,151,216)
-
#0da4eb
#0da4eb
rgb(13,164,235)
-
#1aadf2
#1aadf2
rgb(26,173,242)
-
#2cb3f3
#2cb3f3
rgb(44,179,243)
-
#3fbaf4
#3fbaf4
rgb(63,186,244)
-
#52c1f5
#52c1f5
rgb(82,193,245)
-
#64c7f6
#64c7f6
rgb(100,199,246)
-
#77cef7
#77cef7
rgb(119,206,247)
-
#89d5f8
#89d5f8
rgb(137,213,248)
-
#9cdbf9
#9cdbf9
rgb(156,219,249)
-
#aee2fa
#aee2fa
rgb(174,226,250)
-
#c1e9fb
#c1e9fb
rgb(193,233,251)
-
#d3effd
#d3effd
rgb(211,239,253)
-
#e6f6fe
#e6f6fe
rgb(230,246,254)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #3fbaf4
A tone is produced by adding gray to any pure hue. In this case, #959b9e is the less saturated color, while #37bdfc is the most saturated one.
-
#959b9e
#959b9e
rgb(149,155,158)
-
#8d9ea6
#8d9ea6
rgb(141,158,166)
-
#85a1ae
#85a1ae
rgb(133,161,174)
-
#7da4b6
#7da4b6
rgb(125,164,182)
-
#76a6bd
#76a6bd
rgb(118,166,189)
-
#6ea9c5
#6ea9c5
rgb(110,169,197)
-
#66accd
#66accd
rgb(102,172,205)
-
#5eafd5
#5eafd5
rgb(94,175,213)
-
#56b2dd
#56b2dd
rgb(86,178,221)
-
#4fb4e4
#4fb4e4
rgb(79,180,228)
-
#47b7ec
#47b7ec
rgb(71,183,236)
-
#3fbaf4
#3fbaf4
rgb(63,186,244)
-
#37bdfc
#37bdfc
rgb(55,189,252)
Color Blindness Simulator
Below, you can see how #3fbaf4 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.