#58e2f3 Color Information
In a RGB color space, hex #58e2f3 is composed of 34.5% red, 88.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 7% magenta, 0% yellow and 4.7% black. It has a hue angle of 186.6 degrees, a saturation of 86.6% and a lightness of 64.9%. #58e2f3 color hex could be obtained by blending #b0ffff with #00c5e7. Closest websafe color is: #66ccff.
-
- R 35
- G 89
- B 95
-
- C 64
- M 7
- Y 0
- K 5
● #58e2f3 color description : Soft cyan.
#58e2f3 Color Conversion
The hexadecimal color #58e2f3 has RGB values of R:88, G:226, B:243 and CMYK values of C:0.64, M:0.07, Y:0, K:0.05. Its decimal value is 5825267.
Hex triplet | 58e2f3 | #58e2f3 |
---|---|---|
RGB Decimal | 88, 226, 243 | rgb(88,226,243) |
RGB Percent | 34.5, 88.6, 95.3 | rgb(34.5%,88.6%,95.3%) |
CMYK | 64, 7, 0, 5 | |
HSL | 186.6°, 86.6, 64.9 | hsl(186.6,86.6%,64.9%) |
HSV (or HSB) | 186.6°, 63.8, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 83.408, -31.993, -19.341 |
---|---|
XYZ | 47.394, 62.935, 94.439 |
xyY | 0.231, 0.307, 62.935 |
CIE-LCH | 83.408, 37.385, 211.154 |
CIE-LUV | 83.408, -53.262, -26.021 |
Hunter-Lab | 79.331, -32.191, -15.049 |
Binary | 01011000, 11100010, 11110011 |
Color Schemes with #58e2f3
Alternatives to #58e2f3
Below, you can see some colors close to #58e2f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#58e2f3 Preview
This text has a font color of #58e2f3.
<span style="color:#58e2f3;">Text here</span>
This paragraph has a background color of #58e2f3.
<p style="background-color:#58e2f3;">Content here</p>
This element has a border color of #58e2f3.
<div style="border:1px solid #58e2f3;">Content here</div>
.text {color:#58e2f3;}
.background {background-color:#58e2f3;}
.border {border:1px solid #58e2f3;}
Shades and Tints of #58e2f3
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, #010e10 is the darkest color, while #fdffff is the lightest one.
-
#010e10
#010e10
rgb(1,14,16)
-
#021f22
#021f22
rgb(2,31,34)
-
#042f35
#042f35
rgb(4,47,53)
-
#054047
#054047
rgb(5,64,71)
-
#065059
#065059
rgb(6,80,89)
-
#08616c
#08616c
rgb(8,97,108)
-
#09717e
#09717e
rgb(9,113,126)
-
#0a8190
#0a8190
rgb(10,129,144)
-
#0c92a2
#0c92a2
rgb(12,146,162)
-
#0da2b5
#0da2b5
rgb(13,162,181)
-
#0eb3c7
#0eb3c7
rgb(14,179,199)
-
#10c3d9
#10c3d9
rgb(16,195,217)
-
#11d4ec
#11d4ec
rgb(17,212,236)
-
#21d8ef
#21d8ef
rgb(33,216,239)
-
#33dcf0
#33dcf0
rgb(51,220,240)
-
#46dff2
#46dff2
rgb(70,223,242)
-
#58e2f3
#58e2f3
rgb(88,226,243)
-
#6ae5f4
#6ae5f4
rgb(106,229,244)
-
#7de8f6
#7de8f6
rgb(125,232,246)
-
#8fecf7
#8fecf7
rgb(143,236,247)
-
#a1eff8
#a1eff8
rgb(161,239,248)
-
#b4f2fa
#b4f2fa
rgb(180,242,250)
-
#c6f5fb
#c6f5fb
rgb(198,245,251)
-
#d8f8fc
#d8f8fc
rgb(216,248,252)
-
#eafbfe
#eafbfe
rgb(234,251,254)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #58e2f3
A tone is produced by adding gray to any pure hue. In this case, #a4a7a7 is the less saturated color, while #51e7fa is the most saturated one.
-
#a4a7a7
#a4a7a7
rgb(164,167,167)
-
#9dacae
#9dacae
rgb(157,172,174)
-
#96b2b5
#96b2b5
rgb(150,178,181)
-
#8fb7bc
#8fb7bc
rgb(143,183,188)
-
#88bcc3
#88bcc3
rgb(136,188,195)
-
#81c2ca
#81c2ca
rgb(129,194,202)
-
#7ac7d1
#7ac7d1
rgb(122,199,209)
-
#74cdd7
#74cdd7
rgb(116,205,215)
-
#6dd2de
#6dd2de
rgb(109,210,222)
-
#66d7e5
#66d7e5
rgb(102,215,229)
-
#5fddec
#5fddec
rgb(95,221,236)
-
#58e2f3
#58e2f3
rgb(88,226,243)
-
#51e7fa
#51e7fa
rgb(81,231,250)
Color Blindness Simulator
Below, you can see how #58e2f3 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.