#5af7e2 Color Information
In a RGB color space, hex #5af7e2 is composed of 35.3% red, 96.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 8.5% yellow and 3.1% black. It has a hue angle of 172 degrees, a saturation of 90.8% and a lightness of 66.1%. #5af7e2 color hex could be obtained by blending #b4ffff with #00efc5. Closest websafe color is: #66ffcc.
-
- R 35
- G 97
- B 89
-
- C 64
- M 0
- Y 9
- K 3
● #5af7e2 color description : Soft cyan.
#5af7e2 Color Conversion
The hexadecimal color #5af7e2 has RGB values of R:90, G:247, B:226 and CMYK values of C:0.64, M:0, Y:0.09, K:0.03. Its decimal value is 5961698.
Hex triplet | 5af7e2 | #5af7e2 |
---|---|---|
RGB Decimal | 90, 247, 226 | rgb(90,247,226) |
RGB Percent | 35.3, 96.9, 88.6 | rgb(35.3%,96.9%,88.6%) |
CMYK | 64, 0, 9, 3 | |
HSL | 172°, 90.8, 66.1 | hsl(172,90.8%,66.1%) |
HSV (or HSB) | 172°, 63.6, 96.9 | |
Web Safe | 66ffcc | #66ffcc |
CIE-LAB | 89.008, -45.791, -2.066 |
---|---|
XYZ | 51.2, 74.182, 83.568 |
xyY | 0.245, 0.355, 74.182 |
CIE-LCH | 89.008, 45.837, 182.583 |
CIE-LUV | 89.008, -61.403, 4.183 |
Hunter-Lab | 86.129, -44.614, 2.763 |
Binary | 01011010, 11110111, 11100010 |
Color Schemes with #5af7e2
Alternatives to #5af7e2
Below, you can see some colors close to #5af7e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af7e2 Preview
This text has a font color of #5af7e2.
<span style="color:#5af7e2;">Text here</span>
This paragraph has a background color of #5af7e2.
<p style="background-color:#5af7e2;">Content here</p>
This element has a border color of #5af7e2.
<div style="border:1px solid #5af7e2;">Content here</div>
.text {color:#5af7e2;}
.background {background-color:#5af7e2;}
.border {border:1px solid #5af7e2;}
Shades and Tints of #5af7e2
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, #000303 is the darkest color, while #f0fefc is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#011613
#011613
rgb(1,22,19)
-
#022924
#022924
rgb(2,41,36)
-
#033b34
#033b34
rgb(3,59,52)
-
#044e44
#044e44
rgb(4,78,68)
-
#056155
#056155
rgb(5,97,85)
-
#067465
#067465
rgb(6,116,101)
-
#078675
#078675
rgb(7,134,117)
-
#079986
#079986
rgb(7,153,134)
-
#08ac96
#08ac96
rgb(8,172,150)
-
#09bea6
#09bea6
rgb(9,190,166)
-
#0ad1b7
#0ad1b7
rgb(10,209,183)
-
#0be4c7
#0be4c7
rgb(11,228,199)
-
#0ff3d5
#0ff3d5
rgb(15,243,213)
-
#22f4d8
#22f4d8
rgb(34,244,216)
-
#35f5db
#35f5db
rgb(53,245,219)
-
#47f6df
#47f6df
rgb(71,246,223)
-
#5af7e2
#5af7e2
rgb(90,247,226)
-
#6df8e5
#6df8e5
rgb(109,248,229)
-
#7ff9e9
#7ff9e9
rgb(127,249,233)
-
#92faec
#92faec
rgb(146,250,236)
-
#a5fbef
#a5fbef
rgb(165,251,239)
-
#b8fcf2
#b8fcf2
rgb(184,252,242)
-
#cafcf6
#cafcf6
rgb(202,252,246)
-
#ddfdf9
#ddfdf9
rgb(221,253,249)
-
#f0fefc
#f0fefc
rgb(240,254,252)
Tones of #5af7e2
A tone is produced by adding gray to any pure hue. In this case, #a3aeac is the less saturated color, while #53fee7 is the most saturated one.
-
#a3aeac
#a3aeac
rgb(163,174,172)
-
#9db4b1
#9db4b1
rgb(157,180,177)
-
#96bbb6
#96bbb6
rgb(150,187,182)
-
#8fc2bb
#8fc2bb
rgb(143,194,187)
-
#89c8c0
#89c8c0
rgb(137,200,192)
-
#82cfc5
#82cfc5
rgb(130,207,197)
-
#7bd6ca
#7bd6ca
rgb(123,214,202)
-
#75dccf
#75dccf
rgb(117,220,207)
-
#6ee3d3
#6ee3d3
rgb(110,227,211)
-
#67ead8
#67ead8
rgb(103,234,216)
-
#61f0dd
#61f0dd
rgb(97,240,221)
-
#5af7e2
#5af7e2
rgb(90,247,226)
-
#53fee7
#53fee7
rgb(83,254,231)
Color Blindness Simulator
Below, you can see how #5af7e2 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.