#5fd6ff Color Information
In a RGB color space, hex #5fd6ff is composed of 37.3% red, 83.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 16.1% magenta, 0% yellow and 0% black. It has a hue angle of 195.4 degrees, a saturation of 100% and a lightness of 68.6%. #5fd6ff color hex could be obtained by blending #beffff with #00adff. Closest websafe color is: #66ccff.
-
- R 37
- G 84
- B 100
-
- C 63
- M 16
- Y 0
- K 0
● #5fd6ff color description : Light blue.
#5fd6ff Color Conversion
The hexadecimal color #5fd6ff has RGB values of R:95, G:214, B:255 and CMYK values of C:0.63, M:0.16, Y:0, K:0. Its decimal value is 6280959.
Hex triplet | 5fd6ff | #5fd6ff |
---|---|---|
RGB Decimal | 95, 214, 255 | rgb(95,214,255) |
RGB Percent | 37.3, 83.9, 100 | rgb(37.3%,83.9%,100%) |
CMYK | 63, 16, 0, 0 | |
HSL | 195.4°, 100, 68.6 | hsl(195.4,100%,68.6%) |
HSV (or HSB) | 195.4°, 62.7, 100 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 80.595, -21.502, -29.966 |
---|---|
XYZ | 46.811, 57.742, 103.281 |
xyY | 0.225, 0.278, 57.742 |
CIE-LCH | 80.595, 36.882, 234.338 |
CIE-LUV | 80.595, -46.845, -45.408 |
Hunter-Lab | 75.988, -23.018, -27.393 |
Binary | 01011111, 11010110, 11111111 |
Color Schemes with #5fd6ff
Alternatives to #5fd6ff
Below, you can see some colors close to #5fd6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5fd6ff Preview
This text has a font color of #5fd6ff.
<span style="color:#5fd6ff;">Text here</span>
This paragraph has a background color of #5fd6ff.
<p style="background-color:#5fd6ff;">Content here</p>
This element has a border color of #5fd6ff.
<div style="border:1px solid #5fd6ff;">Content here</div>
.text {color:#5fd6ff;}
.background {background-color:#5fd6ff;}
.border {border:1px solid #5fd6ff;}
Shades and Tints of #5fd6ff
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, #000c11 is the darkest color, while #fcfeff is the lightest one.
-
#000c11
#000c11
rgb(0,12,17)
-
#001b24
#001b24
rgb(0,27,36)
-
#002938
#002938
rgb(0,41,56)
-
#00384b
#00384b
rgb(0,56,75)
-
#00475f
#00475f
rgb(0,71,95)
-
#005573
#005573
rgb(0,85,115)
-
#006486
#006486
rgb(0,100,134)
-
#00729a
#00729a
rgb(0,114,154)
-
#0081ad
#0081ad
rgb(0,129,173)
-
#0090c1
#0090c1
rgb(0,144,193)
-
#009ed5
#009ed5
rgb(0,158,213)
-
#00ade8
#00ade8
rgb(0,173,232)
-
#00bbfc
#00bbfc
rgb(0,187,252)
-
#11c2ff
#11c2ff
rgb(17,194,255)
-
#24c7ff
#24c7ff
rgb(36,199,255)
-
#38ccff
#38ccff
rgb(56,204,255)
-
#4bd1ff
#4bd1ff
rgb(75,209,255)
-
#5fd6ff
#5fd6ff
rgb(95,214,255)
-
#73dbff
#73dbff
rgb(115,219,255)
-
#86e0ff
#86e0ff
rgb(134,224,255)
-
#9ae5ff
#9ae5ff
rgb(154,229,255)
-
#adeaff
#adeaff
rgb(173,234,255)
-
#c1efff
#c1efff
rgb(193,239,255)
-
#d5f4ff
#d5f4ff
rgb(213,244,255)
-
#e8f9ff
#e8f9ff
rgb(232,249,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #5fd6ff
A tone is produced by adding gray to any pure hue. In this case, #a9b2b5 is the less saturated color, while #5fd6ff is the most saturated one.
-
#a9b2b5
#a9b2b5
rgb(169,178,181)
-
#a3b5bb
#a3b5bb
rgb(163,181,187)
-
#9db8c1
#9db8c1
rgb(157,184,193)
-
#96bbc8
#96bbc8
rgb(150,187,200)
-
#90bece
#90bece
rgb(144,190,206)
-
#8ac1d4
#8ac1d4
rgb(138,193,212)
-
#84c4da
#84c4da
rgb(132,196,218)
-
#7ec7e0
#7ec7e0
rgb(126,199,224)
-
#78cae6
#78cae6
rgb(120,202,230)
-
#71cded
#71cded
rgb(113,205,237)
-
#6bd0f3
#6bd0f3
rgb(107,208,243)
-
#65d3f9
#65d3f9
rgb(101,211,249)
-
#5fd6ff
#5fd6ff
rgb(95,214,255)
Color Blindness Simulator
Below, you can see how #5fd6ff 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.