#3fd8f4 Color Information
In a RGB color space, hex #3fd8f4 is composed of 24.7% red, 84.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 11.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 189.3 degrees, a saturation of 89.2% and a lightness of 60.2%. #3fd8f4 color hex could be obtained by blending #7effff with #00b1e9. Closest websafe color is: #33ccff.
-
- R 25
- G 85
- B 96
-
- C 74
- M 11
- Y 0
- K 4
● #3fd8f4 color description : Bright cyan.
#3fd8f4 Color Conversion
The hexadecimal color #3fd8f4 has RGB values of R:63, G:216, B:244 and CMYK values of C:0.74, M:0.11, Y:0, K:0.04. Its decimal value is 4184308.
Hex triplet | 3fd8f4 | #3fd8f4 |
---|---|---|
RGB Decimal | 63, 216, 244 | rgb(63,216,244) |
RGB Percent | 24.7, 84.7, 95.7 | rgb(24.7%,84.7%,95.7%) |
CMYK | 74, 11, 0, 4 | |
HSL | 189.3°, 89.2, 60.2 | hsl(189.3,89.2%,60.2%) |
HSV (or HSB) | 189.3°, 74.2, 95.7 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 80.008, -30.2, -25.084 |
---|---|
XYZ | 42.93, 56.696, 94.264 |
xyY | 0.221, 0.292, 56.696 |
CIE-LCH | 80.008, 39.259, 219.713 |
CIE-LUV | 80.008, -53.918, -35.881 |
Hunter-Lab | 75.297, -29.998, -21.517 |
Binary | 00111111, 11011000, 11110100 |
Color Schemes with #3fd8f4
Alternatives to #3fd8f4
Below, you can see some colors close to #3fd8f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3fd8f4 Preview
This text has a font color of #3fd8f4.
<span style="color:#3fd8f4;">Text here</span>
This paragraph has a background color of #3fd8f4.
<p style="background-color:#3fd8f4;">Content here</p>
This element has a border color of #3fd8f4.
<div style="border:1px solid #3fd8f4;">Content here</div>
.text {color:#3fd8f4;}
.background {background-color:#3fd8f4;}
.border {border:1px solid #3fd8f4;}
Shades and Tints of #3fd8f4
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, #010a0c is the darkest color, while #f9feff is the lightest one.
-
#010a0c
#010a0c
rgb(1,10,12)
-
#021a1f
#021a1f
rgb(2,26,31)
-
#032a31
#032a31
rgb(3,42,49)
-
#043a44
#043a44
rgb(4,58,68)
-
#054a56
#054a56
rgb(5,74,86)
-
#065a69
#065a69
rgb(6,90,105)
-
#07697b
#07697b
rgb(7,105,123)
-
#08798e
#08798e
rgb(8,121,142)
-
#0989a0
#0989a0
rgb(9,137,160)
-
#0a99b3
#0a99b3
rgb(10,153,179)
-
#0ba9c6
#0ba9c6
rgb(11,169,198)
-
#0cb9d8
#0cb9d8
rgb(12,185,216)
-
#0dc8eb
#0dc8eb
rgb(13,200,235)
-
#1ad0f2
#1ad0f2
rgb(26,208,242)
-
#2cd4f3
#2cd4f3
rgb(44,212,243)
-
#3fd8f4
#3fd8f4
rgb(63,216,244)
-
#52dcf5
#52dcf5
rgb(82,220,245)
-
#64e0f6
#64e0f6
rgb(100,224,246)
-
#77e3f7
#77e3f7
rgb(119,227,247)
-
#89e7f8
#89e7f8
rgb(137,231,248)
-
#9cebf9
#9cebf9
rgb(156,235,249)
-
#aeeffa
#aeeffa
rgb(174,239,250)
-
#c1f2fb
#c1f2fb
rgb(193,242,251)
-
#d3f6fd
#d3f6fd
rgb(211,246,253)
-
#e6fafe
#e6fafe
rgb(230,250,254)
-
#f9feff
#f9feff
rgb(249,254,255)
Tones of #3fd8f4
A tone is produced by adding gray to any pure hue. In this case, #959d9e is the less saturated color, while #37ddfc is the most saturated one.
-
#959d9e
#959d9e
rgb(149,157,158)
-
#8da2a6
#8da2a6
rgb(141,162,166)
-
#85a7ae
#85a7ae
rgb(133,167,174)
-
#7dadb6
#7dadb6
rgb(125,173,182)
-
#76b2bd
#76b2bd
rgb(118,178,189)
-
#6eb8c5
#6eb8c5
rgb(110,184,197)
-
#66bdcd
#66bdcd
rgb(102,189,205)
-
#5ec2d5
#5ec2d5
rgb(94,194,213)
-
#56c8dd
#56c8dd
rgb(86,200,221)
-
#4fcde4
#4fcde4
rgb(79,205,228)
-
#47d3ec
#47d3ec
rgb(71,211,236)
-
#3fd8f4
#3fd8f4
rgb(63,216,244)
-
#37ddfc
#37ddfc
rgb(55,221,252)
Color Blindness Simulator
Below, you can see how #3fd8f4 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.