#5af3f9 Color Information
In a RGB color space, hex #5af3f9 is composed of 35.3% red, 95.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 2.4% magenta, 0% yellow and 2.4% black. It has a hue angle of 182.3 degrees, a saturation of 93% and a lightness of 66.5%. #5af3f9 color hex could be obtained by blending #b4ffff with #00e7f3. Closest websafe color is: #66ffff.
-
- R 35
- G 95
- B 98
-
- C 64
- M 2
- Y 0
- K 2
● #5af3f9 color description : Soft cyan.
#5af3f9 Color Conversion
The hexadecimal color #5af3f9 has RGB values of R:90, G:243, B:249 and CMYK values of C:0.64, M:0.02, Y:0, K:0.02. Its decimal value is 5960697.
Hex triplet | 5af3f9 | #5af3f9 |
---|---|---|
RGB Decimal | 90, 243, 249 | rgb(90,243,249) |
RGB Percent | 35.3, 95.3, 97.6 | rgb(35.3%,95.3%,97.6%) |
CMYK | 64, 2, 0, 2 | |
HSL | 182.3°, 93, 66.5 | hsl(182.3,93%,66.5%) |
HSV (or HSB) | 182.3°, 63.9, 97.6 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 88.5, -37.956, -14.826 |
---|---|
XYZ | 53.361, 73.11, 100.917 |
xyY | 0.235, 0.322, 73.11 |
CIE-LCH | 88.5, 40.749, 201.336 |
CIE-LUV | 88.5, -58.58, -17.732 |
Hunter-Lab | 85.504, -38.236, -10.124 |
Binary | 01011010, 11110011, 11111001 |
Color Schemes with #5af3f9
Alternatives to #5af3f9
Below, you can see some colors close to #5af3f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af3f9 Preview
This text has a font color of #5af3f9.
<span style="color:#5af3f9;">Text here</span>
This paragraph has a background color of #5af3f9.
<p style="background-color:#5af3f9;">Content here</p>
This element has a border color of #5af3f9.
<div style="border:1px solid #5af3f9;">Content here</div>
.text {color:#5af3f9;}
.background {background-color:#5af3f9;}
.border {border:1px solid #5af3f9;}
Shades and Tints of #5af3f9
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, #000505 is the darkest color, while #f1feff is the lightest one.
-
#000505
#000505
rgb(0,5,5)
-
#011718
#011718
rgb(1,23,24)
-
#022a2b
#022a2b
rgb(2,42,43)
-
#023c3e
#023c3e
rgb(2,60,62)
-
#034e51
#034e51
rgb(3,78,81)
-
#046064
#046064
rgb(4,96,100)
-
#047377
#047377
rgb(4,115,119)
-
#05858a
#05858a
rgb(5,133,138)
-
#06979d
#06979d
rgb(6,151,157)
-
#06a9b0
#06a9b0
rgb(6,169,176)
-
#07bcc3
#07bcc3
rgb(7,188,195)
-
#08ced6
#08ced6
rgb(8,206,214)
-
#08e0e8
#08e0e8
rgb(8,224,232)
-
#0eedf6
#0eedf6
rgb(14,237,246)
-
#21eff7
#21eff7
rgb(33,239,247)
-
#34f0f8
#34f0f8
rgb(52,240,248)
-
#47f2f8
#47f2f8
rgb(71,242,248)
-
#5af3f9
#5af3f9
rgb(90,243,249)
-
#6df4fa
#6df4fa
rgb(109,244,250)
-
#80f6fa
#80f6fa
rgb(128,246,250)
-
#93f7fb
#93f7fb
rgb(147,247,251)
-
#a6f9fc
#a6f9fc
rgb(166,249,252)
-
#b9fafc
#b9fafc
rgb(185,250,252)
-
#ccfbfd
#ccfbfd
rgb(204,251,253)
-
#defdfe
#defdfe
rgb(222,253,254)
-
#f1feff
#f1feff
rgb(241,254,255)
Tones of #5af3f9
A tone is produced by adding gray to any pure hue. In this case, #a9aaaa is the less saturated color, while #5af3f9 is the most saturated one.
-
#a9aaaa
#a9aaaa
rgb(169,170,170)
-
#a2b0b1
#a2b0b1
rgb(162,176,177)
-
#9cb6b7
#9cb6b7
rgb(156,182,183)
-
#95bcbe
#95bcbe
rgb(149,188,190)
-
#8fc2c4
#8fc2c4
rgb(143,194,196)
-
#88c8cb
#88c8cb
rgb(136,200,203)
-
#81cfd2
#81cfd2
rgb(129,207,210)
-
#7bd5d8
#7bd5d8
rgb(123,213,216)
-
#74dbdf
#74dbdf
rgb(116,219,223)
-
#6ee1e5
#6ee1e5
rgb(110,225,229)
-
#67e7ec
#67e7ec
rgb(103,231,236)
-
#61edf2
#61edf2
rgb(97,237,242)
-
#5af3f9
#5af3f9
rgb(90,243,249)
Color Blindness Simulator
Below, you can see how #5af3f9 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.