#5afff2 Color Information
In a RGB color space, hex #5afff2 is composed of 35.3% red, 100% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 5.1% yellow and 0% black. It has a hue angle of 175.3 degrees, a saturation of 100% and a lightness of 67.6%. #5afff2 color hex could be obtained by blending #b4ffff with #00ffe5. Closest websafe color is: #66ffff.
-
- R 35
- G 100
- B 95
-
- C 65
- M 0
- Y 5
- K 0
● #5afff2 color description : Light cyan.
#5afff2 Color Conversion
The hexadecimal color #5afff2 has RGB values of R:90, G:255, B:242 and CMYK values of C:0.65, M:0, Y:0.05, K:0. Its decimal value is 5963762.
Hex triplet | 5afff2 | #5afff2 |
---|---|---|
RGB Decimal | 90, 255, 242 | rgb(90,255,242) |
RGB Percent | 35.3, 100, 94.9 | rgb(35.3%,100%,94.9%) |
CMYK | 65, 0, 5, 0 | |
HSL | 175.3°, 100, 67.6 | hsl(175.3,100%,67.6%) |
HSV (or HSB) | 175.3°, 64.7, 100 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 91.73, -45.189, -6.377 |
---|---|
XYZ | 55.998, 80.1, 96.509 |
xyY | 0.241, 0.344, 80.1 |
CIE-LCH | 91.73, 45.637, 188.032 |
CIE-LUV | 91.73, -63.26, -2.797 |
Hunter-Lab | 89.498, -44.936, -1.286 |
Binary | 01011010, 11111111, 11110010 |
Color Schemes with #5afff2
Alternatives to #5afff2
Below, you can see some colors close to #5afff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5afff2 Preview
This text has a font color of #5afff2.
<span style="color:#5afff2;">Text here</span>
This paragraph has a background color of #5afff2.
<p style="background-color:#5afff2;">Content here</p>
This element has a border color of #5afff2.
<div style="border:1px solid #5afff2;">Content here</div>
.text {color:#5afff2;}
.background {background-color:#5afff2;}
.border {border:1px solid #5afff2;}
Shades and Tints of #5afff2
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, #000c0b is the darkest color, while #f7fffe is the lightest one.
-
#000c0b
#000c0b
rgb(0,12,11)
-
#001f1d
#001f1d
rgb(0,31,29)
-
#00332f
#00332f
rgb(0,51,47)
-
#004641
#004641
rgb(0,70,65)
-
#005a53
#005a53
rgb(0,90,83)
-
#006e65
#006e65
rgb(0,110,101)
-
#008177
#008177
rgb(0,129,119)
-
#009589
#009589
rgb(0,149,137)
-
#00a89b
#00a89b
rgb(0,168,155)
-
#00bcad
#00bcad
rgb(0,188,173)
-
#00d0bf
#00d0bf
rgb(0,208,191)
-
#00e3d1
#00e3d1
rgb(0,227,209)
-
#00f7e3
#00f7e3
rgb(0,247,227)
-
#0cffec
#0cffec
rgb(12,255,236)
-
#1fffed
#1fffed
rgb(31,255,237)
-
#33ffef
#33ffef
rgb(51,255,239)
-
#46fff0
#46fff0
rgb(70,255,240)
-
#5afff2
#5afff2
rgb(90,255,242)
-
#6efff4
#6efff4
rgb(110,255,244)
-
#81fff5
#81fff5
rgb(129,255,245)
-
#95fff7
#95fff7
rgb(149,255,247)
-
#a8fff8
#a8fff8
rgb(168,255,248)
-
#bcfffa
#bcfffa
rgb(188,255,250)
-
#d0fffb
#d0fffb
rgb(208,255,251)
-
#e3fffd
#e3fffd
rgb(227,255,253)
-
#f7fffe
#f7fffe
rgb(247,255,254)
Tones of #5afff2
A tone is produced by adding gray to any pure hue. In this case, #a6b3b2 is the less saturated color, while #5afff2 is the most saturated one.
-
#a6b3b2
#a6b3b2
rgb(166,179,178)
-
#a0b9b7
#a0b9b7
rgb(160,185,183)
-
#99c0bd
#99c0bd
rgb(153,192,189)
-
#93c6c2
#93c6c2
rgb(147,198,194)
-
#8dccc7
#8dccc7
rgb(141,204,199)
-
#86d3cd
#86d3cd
rgb(134,211,205)
-
#80d9d2
#80d9d2
rgb(128,217,210)
-
#7adfd7
#7adfd7
rgb(122,223,215)
-
#73e6dd
#73e6dd
rgb(115,230,221)
-
#6dece2
#6dece2
rgb(109,236,226)
-
#67f2e7
#67f2e7
rgb(103,242,231)
-
#60f9ed
#60f9ed
rgb(96,249,237)
-
#5afff2
#5afff2
rgb(90,255,242)
Color Blindness Simulator
Below, you can see how #5afff2 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.