#5afdf2 Color Information
In a RGB color space, hex #5afdf2 is composed of 35.3% red, 99.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 4.3% yellow and 0.8% black. It has a hue angle of 176 degrees, a saturation of 97.6% and a lightness of 67.3%. #5afdf2 color hex could be obtained by blending #b4ffff with #00fbe5. Closest websafe color is: #66ffff.
-
- R 35
- G 99
- B 95
-
- C 64
- M 0
- Y 4
- K 1
● #5afdf2 color description : Soft cyan.
#5afdf2 Color Conversion
The hexadecimal color #5afdf2 has RGB values of R:90, G:253, B:242 and CMYK values of C:0.64, M:0, Y:0.04, K:0.01. Its decimal value is 5963250.
Hex triplet | 5afdf2 | #5afdf2 |
---|---|---|
RGB Decimal | 90, 253, 242 | rgb(90,253,242) |
RGB Percent | 35.3, 99.2, 94.9 | rgb(35.3%,99.2%,94.9%) |
CMYK | 64, 0, 4, 1 | |
HSL | 176°, 97.6, 67.3 | hsl(176,97.6%,67.3%) |
HSV (or HSB) | 176°, 64.4, 99.2 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 91.157, -44.312, -7.222 |
---|---|
XYZ | 55.364, 78.83, 96.298 |
xyY | 0.24, 0.342, 78.83 |
CIE-LCH | 91.157, 44.897, 189.257 |
CIE-LUV | 91.157, -62.554, -4.301 |
Hunter-Lab | 88.786, -44.07, -2.155 |
Binary | 01011010, 11111101, 11110010 |
Color Schemes with #5afdf2
Alternatives to #5afdf2
Below, you can see some colors close to #5afdf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5afdf2 Preview
This text has a font color of #5afdf2.
<span style="color:#5afdf2;">Text here</span>
This paragraph has a background color of #5afdf2.
<p style="background-color:#5afdf2;">Content here</p>
This element has a border color of #5afdf2.
<div style="border:1px solid #5afdf2;">Content here</div>
.text {color:#5afdf2;}
.background {background-color:#5afdf2;}
.border {border:1px solid #5afdf2;}
Shades and Tints of #5afdf2
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, #000909 is the darkest color, while #f5fffe is the lightest one.
-
#000909
#000909
rgb(0,9,9)
-
#001d1b
#001d1b
rgb(0,29,27)
-
#01302d
#01302d
rgb(1,48,45)
-
#01443f
#01443f
rgb(1,68,63)
-
#015751
#015751
rgb(1,87,81)
-
#016a63
#016a63
rgb(1,106,99)
-
#027e75
#027e75
rgb(2,126,117)
-
#029187
#029187
rgb(2,145,135)
-
#02a49a
#02a49a
rgb(2,164,154)
-
#02b8ac
#02b8ac
rgb(2,184,172)
-
#02cbbe
#02cbbe
rgb(2,203,190)
-
#03dfd0
#03dfd0
rgb(3,223,208)
-
#03f2e2
#03f2e2
rgb(3,242,226)
-
#0cfcec
#0cfcec
rgb(12,252,236)
-
#20fced
#20fced
rgb(32,252,237)
-
#33fdef
#33fdef
rgb(51,253,239)
-
#47fdf0
#47fdf0
rgb(71,253,240)
-
#5afdf2
#5afdf2
rgb(90,253,242)
-
#6dfdf4
#6dfdf4
rgb(109,253,244)
-
#81fdf5
#81fdf5
rgb(129,253,245)
-
#94fef7
#94fef7
rgb(148,254,247)
-
#a8fef8
#a8fef8
rgb(168,254,248)
-
#bbfefa
#bbfefa
rgb(187,254,250)
-
#cefefb
#cefefb
rgb(206,254,251)
-
#e2fffd
#e2fffd
rgb(226,255,253)
-
#f5fffe
#f5fffe
rgb(245,255,254)
Tones of #5afdf2
A tone is produced by adding gray to any pure hue. In this case, #a7b0af is the less saturated color, while #5afdf2 is the most saturated one.
-
#a7b0af
#a7b0af
rgb(167,176,175)
-
#a1b6b5
#a1b6b5
rgb(161,182,181)
-
#9abdba
#9abdba
rgb(154,189,186)
-
#94c3c0
#94c3c0
rgb(148,195,192)
-
#8dcac6
#8dcac6
rgb(141,202,198)
-
#87d0cb
#87d0cb
rgb(135,208,203)
-
#81d6d1
#81d6d1
rgb(129,214,209)
-
#7addd6
#7addd6
rgb(122,221,214)
-
#74e3dc
#74e3dc
rgb(116,227,220)
-
#6deae1
#6deae1
rgb(109,234,225)
-
#67f0e7
#67f0e7
rgb(103,240,231)
-
#60f7ec
#60f7ec
rgb(96,247,236)
-
#5afdf2
#5afdf2
rgb(90,253,242)
Color Blindness Simulator
Below, you can see how #5afdf2 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.