#5af5e2 Color Information
In a RGB color space, hex #5af5e2 is composed of 35.3% red, 96.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 7.8% yellow and 3.9% black. It has a hue angle of 172.6 degrees, a saturation of 88.6% and a lightness of 65.7%. #5af5e2 color hex could be obtained by blending #b4ffff with #00ebc5. Closest websafe color is: #66ffcc.
-
- R 35
- G 96
- B 89
-
- C 63
- M 0
- Y 8
- K 4
● #5af5e2 color description : Soft cyan.
#5af5e2 Color Conversion
The hexadecimal color #5af5e2 has RGB values of R:90, G:245, B:226 and CMYK values of C:0.63, M:0, Y:0.08, K:0.04. Its decimal value is 5961186.
Hex triplet | 5af5e2 | #5af5e2 |
---|---|---|
RGB Decimal | 90, 245, 226 | rgb(90,245,226) |
RGB Percent | 35.3, 96.1, 88.6 | rgb(35.3%,96.1%,88.6%) |
CMYK | 63, 0, 8, 4 | |
HSL | 172.6°, 88.6, 65.7 | hsl(172.6,88.6%,65.7%) |
HSV (or HSB) | 172.6°, 63.3, 96.1 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 88.431, -44.92, -2.913 |
---|---|
XYZ | 50.592, 72.965, 83.365 |
xyY | 0.244, 0.353, 72.965 |
CIE-LCH | 88.431, 45.014, 183.71 |
CIE-LUV | 88.431, -60.688, 2.703 |
Hunter-Lab | 85.42, -43.763, 1.93 |
Binary | 01011010, 11110101, 11100010 |
Color Schemes with #5af5e2
Alternatives to #5af5e2
Below, you can see some colors close to #5af5e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af5e2 Preview
This text has a font color of #5af5e2.
<span style="color:#5af5e2;">Text here</span>
This paragraph has a background color of #5af5e2.
<p style="background-color:#5af5e2;">Content here</p>
This element has a border color of #5af5e2.
<div style="border:1px solid #5af5e2;">Content here</div>
.text {color:#5af5e2;}
.background {background-color:#5af5e2;}
.border {border:1px solid #5af5e2;}
Shades and Tints of #5af5e2
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, #000101 is the darkest color, while #eefefc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#011412
#011412
rgb(1,20,18)
-
#022622
#022622
rgb(2,38,34)
-
#033932
#033932
rgb(3,57,50)
-
#054b43
#054b43
rgb(5,75,67)
-
#065e53
#065e53
rgb(6,94,83)
-
#077063
#077063
rgb(7,112,99)
-
#088374
#088374
rgb(8,131,116)
-
#099584
#099584
rgb(9,149,132)
-
#0aa895
#0aa895
rgb(10,168,149)
-
#0bbaa5
#0bbaa5
rgb(11,186,165)
-
#0ccdb5
#0ccdb5
rgb(12,205,181)
-
#0edfc6
#0edfc6
rgb(14,223,198)
-
#10f1d5
#10f1d5
rgb(16,241,213)
-
#23f2d8
#23f2d8
rgb(35,242,216)
-
#35f3db
#35f3db
rgb(53,243,219)
-
#48f4df
#48f4df
rgb(72,244,223)
-
#5af5e2
#5af5e2
rgb(90,245,226)
-
#6cf6e5
#6cf6e5
rgb(108,246,229)
-
#7ff7e9
#7ff7e9
rgb(127,247,233)
-
#91f8ec
#91f8ec
rgb(145,248,236)
-
#a4f9ef
#a4f9ef
rgb(164,249,239)
-
#b6fbf2
#b6fbf2
rgb(182,251,242)
-
#c9fcf6
#c9fcf6
rgb(201,252,246)
-
#dbfdf9
#dbfdf9
rgb(219,253,249)
-
#eefefc
#eefefc
rgb(238,254,252)
Tones of #5af5e2
A tone is produced by adding gray to any pure hue. In this case, #a4abaa is the less saturated color, while #53fce7 is the most saturated one.
-
#a4abaa
#a4abaa
rgb(164,171,170)
-
#9db2af
#9db2af
rgb(157,178,175)
-
#97b8b4
#97b8b4
rgb(151,184,180)
-
#90bfb9
#90bfb9
rgb(144,191,185)
-
#89c6be
#89c6be
rgb(137,198,190)
-
#82cdc4
#82cdc4
rgb(130,205,196)
-
#7cd3c9
#7cd3c9
rgb(124,211,201)
-
#75dace
#75dace
rgb(117,218,206)
-
#6ee1d3
#6ee1d3
rgb(110,225,211)
-
#67e8d8
#67e8d8
rgb(103,232,216)
-
#61eedd
#61eedd
rgb(97,238,221)
-
#5af5e2
#5af5e2
rgb(90,245,226)
-
#53fce7
#53fce7
rgb(83,252,231)
Color Blindness Simulator
Below, you can see how #5af5e2 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.