#5af3fd Color Information
In a RGB color space, hex #5af3fd is composed of 35.3% red, 95.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 4% magenta, 0% yellow and 0.8% black. It has a hue angle of 183.7 degrees, a saturation of 97.6% and a lightness of 67.3%. #5af3fd color hex could be obtained by blending #b4ffff with #00e7fb. Closest websafe color is: #66ffff.
-
- R 35
- G 95
- B 99
-
- C 64
- M 4
- Y 0
- K 1
● #5af3fd color description : Soft cyan.
#5af3fd Color Conversion
The hexadecimal color #5af3fd has RGB values of R:90, G:243, B:253 and CMYK values of C:0.64, M:0.04, Y:0, K:0.01. Its decimal value is 5960701.
Hex triplet | 5af3fd | #5af3fd |
---|---|---|
RGB Decimal | 90, 243, 253 | rgb(90,243,253) |
RGB Percent | 35.3, 95.3, 99.2 | rgb(35.3%,95.3%,99.2%) |
CMYK | 64, 4, 0, 1 | |
HSL | 183.7°, 97.6, 67.3 | hsl(183.7,97.6%,67.3%) |
HSV (or HSB) | 183.7°, 64.4, 99.2 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 88.62, -36.855, -16.735 |
---|---|
XYZ | 53.991, 73.362, 104.238 |
xyY | 0.233, 0.317, 73.362 |
CIE-LCH | 88.62, 40.476, 204.422 |
CIE-LUV | 88.62, -58.337, -21.087 |
Hunter-Lab | 85.652, -37.371, -12.2 |
Binary | 01011010, 11110011, 11111101 |
Color Schemes with #5af3fd
Alternatives to #5af3fd
Below, you can see some colors close to #5af3fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af3fd Preview
This text has a font color of #5af3fd.
<span style="color:#5af3fd;">Text here</span>
This paragraph has a background color of #5af3fd.
<p style="background-color:#5af3fd;">Content here</p>
This element has a border color of #5af3fd.
<div style="border:1px solid #5af3fd;">Content here</div>
.text {color:#5af3fd;}
.background {background-color:#5af3fd;}
.border {border:1px solid #5af3fd;}
Shades and Tints of #5af3fd
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 #f5feff is the lightest one.
-
#000909
#000909
rgb(0,9,9)
-
#001b1d
#001b1d
rgb(0,27,29)
-
#012d30
#012d30
rgb(1,45,48)
-
#013f44
#013f44
rgb(1,63,68)
-
#015257
#015257
rgb(1,82,87)
-
#01646a
#01646a
rgb(1,100,106)
-
#02767e
#02767e
rgb(2,118,126)
-
#028891
#028891
rgb(2,136,145)
-
#029ba4
#029ba4
rgb(2,155,164)
-
#02adb8
#02adb8
rgb(2,173,184)
-
#02bfcb
#02bfcb
rgb(2,191,203)
-
#03d1df
#03d1df
rgb(3,209,223)
-
#03e3f2
#03e3f2
rgb(3,227,242)
-
#0cedfc
#0cedfc
rgb(12,237,252)
-
#20effc
#20effc
rgb(32,239,252)
-
#33f0fd
#33f0fd
rgb(51,240,253)
-
#47f2fd
#47f2fd
rgb(71,242,253)
-
#5af3fd
#5af3fd
rgb(90,243,253)
-
#6df4fd
#6df4fd
rgb(109,244,253)
-
#81f6fd
#81f6fd
rgb(129,246,253)
-
#94f7fe
#94f7fe
rgb(148,247,254)
-
#a8f9fe
#a8f9fe
rgb(168,249,254)
-
#bbfafe
#bbfafe
rgb(187,250,254)
-
#cefbfe
#cefbfe
rgb(206,251,254)
-
#e2fdff
#e2fdff
rgb(226,253,255)
-
#f5feff
#f5feff
rgb(245,254,255)
Tones of #5af3fd
A tone is produced by adding gray to any pure hue. In this case, #a7afb0 is the less saturated color, while #5af3fd is the most saturated one.
-
#a7afb0
#a7afb0
rgb(167,175,176)
-
#a1b5b6
#a1b5b6
rgb(161,181,182)
-
#9abbbd
#9abbbd
rgb(154,187,189)
-
#94c0c3
#94c0c3
rgb(148,192,195)
-
#8dc6ca
#8dc6ca
rgb(141,198,202)
-
#87ccd0
#87ccd0
rgb(135,204,208)
-
#81d1d6
#81d1d6
rgb(129,209,214)
-
#7ad7dd
#7ad7dd
rgb(122,215,221)
-
#74dce3
#74dce3
rgb(116,220,227)
-
#6de2ea
#6de2ea
rgb(109,226,234)
-
#67e8f0
#67e8f0
rgb(103,232,240)
-
#60edf7
#60edf7
rgb(96,237,247)
-
#5af3fd
#5af3fd
rgb(90,243,253)
Color Blindness Simulator
Below, you can see how #5af3fd 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.