#5afde2 Color Information
In a RGB color space, hex #5afde2 is composed of 35.3% red, 99.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 10.7% yellow and 0.8% black. It has a hue angle of 170.1 degrees, a saturation of 97.6% and a lightness of 67.3%. #5afde2 color hex could be obtained by blending #b4ffff with #00fbc5. Closest websafe color is: #66ffcc.
-
- R 35
- G 99
- B 89
-
- C 64
- M 0
- Y 11
- K 1
● #5afde2 color description : Soft cyan.
#5afde2 Color Conversion
The hexadecimal color #5afde2 has RGB values of R:90, G:253, B:226 and CMYK values of C:0.64, M:0, Y:0.11, K:0.01. Its decimal value is 5963234.
Hex triplet | 5afde2 | #5afde2 |
---|---|---|
RGB Decimal | 90, 253, 226 | rgb(90,253,226) |
RGB Percent | 35.3, 99.2, 88.6 | rgb(35.3%,99.2%,88.6%) |
CMYK | 64, 0, 11, 1 | |
HSL | 170.1°, 97.6, 67.3 | hsl(170.1,97.6%,67.3%) |
HSV (or HSB) | 170.1°, 64.4, 99.2 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 90.739, -48.371, 0.466 |
---|---|
XYZ | 53.065, 77.911, 84.189 |
xyY | 0.247, 0.362, 77.911 |
CIE-LCH | 90.739, 48.374, 179.448 |
CIE-LUV | 90.739, -63.541, 8.586 |
Hunter-Lab | 88.267, -47.156, 5.236 |
Binary | 01011010, 11111101, 11100010 |
Color Schemes with #5afde2
Alternatives to #5afde2
Below, you can see some colors close to #5afde2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5afde2 Preview
This text has a font color of #5afde2.
<span style="color:#5afde2;">Text here</span>
This paragraph has a background color of #5afde2.
<p style="background-color:#5afde2;">Content here</p>
This element has a border color of #5afde2.
<div style="border:1px solid #5afde2;">Content here</div>
.text {color:#5afde2;}
.background {background-color:#5afde2;}
.border {border:1px solid #5afde2;}
Shades and Tints of #5afde2
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, #000908 is the darkest color, while #f5fffd is the lightest one.
-
#000908
#000908
rgb(0,9,8)
-
#001d18
#001d18
rgb(0,29,24)
-
#013028
#013028
rgb(1,48,40)
-
#014439
#014439
rgb(1,68,57)
-
#015749
#015749
rgb(1,87,73)
-
#016a59
#016a59
rgb(1,106,89)
-
#027e69
#027e69
rgb(2,126,105)
-
#029179
#029179
rgb(2,145,121)
-
#02a48a
#02a48a
rgb(2,164,138)
-
#02b89a
#02b89a
rgb(2,184,154)
-
#02cbaa
#02cbaa
rgb(2,203,170)
-
#03dfba
#03dfba
rgb(3,223,186)
-
#03f2ca
#03f2ca
rgb(3,242,202)
-
#0cfcd4
#0cfcd4
rgb(12,252,212)
-
#20fcd8
#20fcd8
rgb(32,252,216)
-
#33fddb
#33fddb
rgb(51,253,219)
-
#47fddf
#47fddf
rgb(71,253,223)
-
#5afde2
#5afde2
rgb(90,253,226)
-
#6dfde5
#6dfde5
rgb(109,253,229)
-
#81fde9
#81fde9
rgb(129,253,233)
-
#94feec
#94feec
rgb(148,254,236)
-
#a8fef0
#a8fef0
rgb(168,254,240)
-
#bbfef3
#bbfef3
rgb(187,254,243)
-
#cefef6
#cefef6
rgb(206,254,246)
-
#e2fffa
#e2fffa
rgb(226,255,250)
-
#f5fffd
#f5fffd
rgb(245,255,253)
Tones of #5afde2
A tone is produced by adding gray to any pure hue. In this case, #a7b0ae is the less saturated color, while #5afde2 is the most saturated one.
-
#a7b0ae
#a7b0ae
rgb(167,176,174)
-
#a1b6b3
#a1b6b3
rgb(161,182,179)
-
#9abdb7
#9abdb7
rgb(154,189,183)
-
#94c3bb
#94c3bb
rgb(148,195,187)
-
#8dcac0
#8dcac0
rgb(141,202,192)
-
#87d0c4
#87d0c4
rgb(135,208,196)
-
#81d6c8
#81d6c8
rgb(129,214,200)
-
#7addcd
#7addcd
rgb(122,221,205)
-
#74e3d1
#74e3d1
rgb(116,227,209)
-
#6dead5
#6dead5
rgb(109,234,213)
-
#67f0d9
#67f0d9
rgb(103,240,217)
-
#60f7de
#60f7de
rgb(96,247,222)
-
#5afde2
#5afde2
rgb(90,253,226)
Color Blindness Simulator
Below, you can see how #5afde2 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.