#5fd1fd Color Information
In a RGB color space, hex #5fd1fd is composed of 37.3% red, 82% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 17.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 196.7 degrees, a saturation of 97.5% and a lightness of 68.2%. #5fd1fd color hex could be obtained by blending #beffff with #00a3fb. Closest websafe color is: #66ccff.
-
- R 37
- G 82
- B 99
-
- C 62
- M 17
- Y 0
- K 1
● #5fd1fd color description : Soft blue.
#5fd1fd Color Conversion
The hexadecimal color #5fd1fd has RGB values of R:95, G:209, B:253 and CMYK values of C:0.62, M:0.17, Y:0, K:0.01. Its decimal value is 6279677.
Hex triplet | 5fd1fd | #5fd1fd |
---|---|---|
RGB Decimal | 95, 209, 253 | rgb(95,209,253) |
RGB Percent | 37.3, 82, 99.2 | rgb(37.3%,82%,99.2%) |
CMYK | 62, 17, 0, 1 | |
HSL | 196.7°, 97.5, 68.2 | hsl(196.7,97.5%,68.2%) |
HSV (or HSB) | 196.7°, 62.5, 99.2 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 79.112, -19.561, -31.181 |
---|---|
XYZ | 45.245, 55.122, 101.178 |
xyY | 0.224, 0.273, 55.122 |
CIE-LCH | 79.112, 36.809, 237.899 |
CIE-LUV | 79.112, -45.144, -47.662 |
Hunter-Lab | 74.244, -21.149, -28.828 |
Binary | 01011111, 11010001, 11111101 |
Color Schemes with #5fd1fd
Alternatives to #5fd1fd
Below, you can see some colors close to #5fd1fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5fd1fd Preview
This text has a font color of #5fd1fd.
<span style="color:#5fd1fd;">Text here</span>
This paragraph has a background color of #5fd1fd.
<p style="background-color:#5fd1fd;">Content here</p>
This element has a border color of #5fd1fd.
<div style="border:1px solid #5fd1fd;">Content here</div>
.text {color:#5fd1fd;}
.background {background-color:#5fd1fd;}
.border {border:1px solid #5fd1fd;}
Shades and Tints of #5fd1fd
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, #000a0e is the darkest color, while #fafeff is the lightest one.
-
#000a0e
#000a0e
rgb(0,10,14)
-
#001822
#001822
rgb(0,24,34)
-
#012735
#012735
rgb(1,39,53)
-
#013548
#013548
rgb(1,53,72)
-
#01435c
#01435c
rgb(1,67,92)
-
#01516f
#01516f
rgb(1,81,111)
-
#025f83
#025f83
rgb(2,95,131)
-
#026d96
#026d96
rgb(2,109,150)
-
#027ba9
#027ba9
rgb(2,123,169)
-
#0289bd
#0289bd
rgb(2,137,189)
-
#0397d0
#0397d0
rgb(3,151,208)
-
#03a5e3
#03a5e3
rgb(3,165,227)
-
#03b3f7
#03b3f7
rgb(3,179,247)
-
#12bbfc
#12bbfc
rgb(18,187,252)
-
#25c0fc
#25c0fc
rgb(37,192,252)
-
#38c6fd
#38c6fd
rgb(56,198,253)
-
#4ccbfd
#4ccbfd
rgb(76,203,253)
-
#5fd1fd
#5fd1fd
rgb(95,209,253)
-
#72d7fd
#72d7fd
rgb(114,215,253)
-
#86dcfd
#86dcfd
rgb(134,220,253)
-
#99e2fe
#99e2fe
rgb(153,226,254)
-
#ace7fe
#ace7fe
rgb(172,231,254)
-
#c0edfe
#c0edfe
rgb(192,237,254)
-
#d3f2fe
#d3f2fe
rgb(211,242,254)
-
#e7f8ff
#e7f8ff
rgb(231,248,255)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #5fd1fd
A tone is produced by adding gray to any pure hue. In this case, #aab0b2 is the less saturated color, while #5fd1fd is the most saturated one.
-
#aab0b2
#aab0b2
rgb(170,176,178)
-
#a4b3b8
#a4b3b8
rgb(164,179,184)
-
#9db5bf
#9db5bf
rgb(157,181,191)
-
#97b8c5
#97b8c5
rgb(151,184,197)
-
#91bbcb
#91bbcb
rgb(145,187,203)
-
#8bbed1
#8bbed1
rgb(139,190,209)
-
#84c0d8
#84c0d8
rgb(132,192,216)
-
#7ec3de
#7ec3de
rgb(126,195,222)
-
#78c6e4
#78c6e4
rgb(120,198,228)
-
#72c9ea
#72c9ea
rgb(114,201,234)
-
#6bcbf1
#6bcbf1
rgb(107,203,241)
-
#65cef7
#65cef7
rgb(101,206,247)
-
#5fd1fd
#5fd1fd
rgb(95,209,253)
Color Blindness Simulator
Below, you can see how #5fd1fd 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.