#5bf0f2 Color Information
In a RGB color space, hex #5bf0f2 is composed of 35.7% red, 94.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 0.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 180.8 degrees, a saturation of 85.3% and a lightness of 65.3%. #5bf0f2 color hex could be obtained by blending #b6ffff with #00e1e5. Closest websafe color is: #66ffff.
-
- R 36
- G 94
- B 95
-
- C 62
- M 1
- Y 0
- K 5
● #5bf0f2 color description : Soft cyan.
#5bf0f2 Color Conversion
The hexadecimal color #5bf0f2 has RGB values of R:91, G:240, B:242 and CMYK values of C:0.62, M:0.01, Y:0, K:0.05. Its decimal value is 6025458.
Hex triplet | 5bf0f2 | #5bf0f2 |
---|---|---|
RGB Decimal | 91, 240, 242 | rgb(91,240,242) |
RGB Percent | 35.7, 94.1, 94.9 | rgb(35.7%,94.1%,94.9%) |
CMYK | 62, 1, 0, 5 | |
HSL | 180.8°, 85.3, 65.3 | hsl(180.8,85.3%,65.3%) |
HSV (or HSB) | 180.8°, 62.4, 94.9 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 87.461, -38.338, -12.716 |
---|---|
XYZ | 51.497, 70.951, 94.98 |
xyY | 0.237, 0.326, 70.951 |
CIE-LCH | 87.461, 40.392, 198.35 |
CIE-LUV | 87.461, -57.736, -14.158 |
Hunter-Lab | 84.232, -38.278, -7.893 |
Binary | 01011011, 11110000, 11110010 |
Color Schemes with #5bf0f2
Alternatives to #5bf0f2
Below, you can see some colors close to #5bf0f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5bf0f2 Preview
This text has a font color of #5bf0f2.
<span style="color:#5bf0f2;">Text here</span>
This paragraph has a background color of #5bf0f2.
<p style="background-color:#5bf0f2;">Content here</p>
This element has a border color of #5bf0f2.
<div style="border:1px solid #5bf0f2;">Content here</div>
.text {color:#5bf0f2;}
.background {background-color:#5bf0f2;}
.border {border:1px solid #5bf0f2;}
Shades and Tints of #5bf0f2
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, #011212 is the darkest color, while #ffffff is the lightest one.
-
#011212
#011212
rgb(1,18,18)
-
#032324
#032324
rgb(3,35,36)
-
#043536
#043536
rgb(4,53,54)
-
#064748
#064748
rgb(6,71,72)
-
#07595a
#07595a
rgb(7,89,90)
-
#096b6d
#096b6d
rgb(9,107,109)
-
#0a7d7f
#0a7d7f
rgb(10,125,127)
-
#0b8f91
#0b8f91
rgb(11,143,145)
-
#0da1a3
#0da1a3
rgb(13,161,163)
-
#0eb3b5
#0eb3b5
rgb(14,179,181)
-
#10c5c7
#10c5c7
rgb(16,197,199)
-
#11d7da
#11d7da
rgb(17,215,218)
-
#13e9ec
#13e9ec
rgb(19,233,236)
-
#24ebee
#24ebee
rgb(36,235,238)
-
#37edef
#37edef
rgb(55,237,239)
-
#49eef1
#49eef1
rgb(73,238,241)
-
#5bf0f2
#5bf0f2
rgb(91,240,242)
-
#6df2f3
#6df2f3
rgb(109,242,243)
-
#7ff3f5
#7ff3f5
rgb(127,243,245)
-
#92f5f6
#92f5f6
rgb(146,245,246)
-
#a4f7f8
#a4f7f8
rgb(164,247,248)
-
#b6f8f9
#b6f8f9
rgb(182,248,249)
-
#c8fafb
#c8fafb
rgb(200,250,251)
-
#dafcfc
#dafcfc
rgb(218,252,252)
-
#ecfdfe
#ecfdfe
rgb(236,253,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5bf0f2
A tone is produced by adding gray to any pure hue. In this case, #a6a7a7 is the less saturated color, while #54f7f9 is the most saturated one.
-
#a6a7a7
#a6a7a7
rgb(166,167,167)
-
#9faeae
#9faeae
rgb(159,174,174)
-
#98b4b5
#98b4b5
rgb(152,180,181)
-
#91bbbc
#91bbbc
rgb(145,187,188)
-
#8bc2c2
#8bc2c2
rgb(139,194,194)
-
#84c8c9
#84c8c9
rgb(132,200,201)
-
#7dcfd0
#7dcfd0
rgb(125,207,208)
-
#76d5d7
#76d5d7
rgb(118,213,215)
-
#6fdcde
#6fdcde
rgb(111,220,222)
-
#69e3e4
#69e3e4
rgb(105,227,228)
-
#62e9eb
#62e9eb
rgb(98,233,235)
-
#5bf0f2
#5bf0f2
rgb(91,240,242)
-
#54f7f9
#54f7f9
rgb(84,247,249)
Color Blindness Simulator
Below, you can see how #5bf0f2 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.