#58c2f2 Color Information
In a RGB color space, hex #58c2f2 is composed of 34.5% red, 76.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 19.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.7 degrees, a saturation of 85.6% and a lightness of 64.7%. #58c2f2 color hex could be obtained by blending #b0ffff with #0085e5. Closest websafe color is: #66ccff.
-
- R 35
- G 76
- B 95
-
- C 64
- M 20
- Y 0
- K 5
● #58c2f2 color description : Soft blue.
#58c2f2 Color Conversion
The hexadecimal color #58c2f2 has RGB values of R:88, G:194, B:242 and CMYK values of C:0.64, M:0.2, Y:0, K:0.05. Its decimal value is 5817074.
Hex triplet | 58c2f2 | #58c2f2 |
---|---|---|
RGB Decimal | 88, 194, 242 | rgb(88,194,242) |
RGB Percent | 34.5, 76.1, 94.9 | rgb(34.5%,76.1%,94.9%) |
CMYK | 64, 20, 0, 5 | |
HSL | 198.7°, 85.6, 64.7 | hsl(198.7,85.6%,64.7%) |
HSV (or HSB) | 198.7°, 63.6, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 74.232, -16.311, -32.825 |
---|---|
XYZ | 39.339, 47.066, 91.011 |
xyY | 0.222, 0.265, 47.066 |
CIE-LCH | 74.232, 36.654, 243.576 |
CIE-LUV | 74.232, -41.805, -50.547 |
Hunter-Lab | 68.605, -17.703, -30.631 |
Binary | 01011000, 11000010, 11110010 |
Color Schemes with #58c2f2
Alternatives to #58c2f2
Below, you can see some colors close to #58c2f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#58c2f2 Preview
This text has a font color of #58c2f2.
<span style="color:#58c2f2;">Text here</span>
This paragraph has a background color of #58c2f2.
<p style="background-color:#58c2f2;">Content here</p>
This element has a border color of #58c2f2.
<div style="border:1px solid #58c2f2;">Content here</div>
.text {color:#58c2f2;}
.background {background-color:#58c2f2;}
.border {border:1px solid #58c2f2;}
Shades and Tints of #58c2f2
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, #010b0f is the darkest color, while #fcfeff is the lightest one.
-
#010b0f
#010b0f
rgb(1,11,15)
-
#031821
#031821
rgb(3,24,33)
-
#042533
#042533
rgb(4,37,51)
-
#053246
#053246
rgb(5,50,70)
-
#073f58
#073f58
rgb(7,63,88)
-
#084c6a
#084c6a
rgb(8,76,106)
-
#0a587c
#0a587c
rgb(10,88,124)
-
#0b658e
#0b658e
rgb(11,101,142)
-
#0d72a1
#0d72a1
rgb(13,114,161)
-
#0e7fb3
#0e7fb3
rgb(14,127,179)
-
#0f8cc5
#0f8cc5
rgb(15,140,197)
-
#1199d7
#1199d7
rgb(17,153,215)
-
#12a6e9
#12a6e9
rgb(18,166,233)
-
#21aeee
#21aeee
rgb(33,174,238)
-
#34b5ef
#34b5ef
rgb(52,181,239)
-
#46bbf1
#46bbf1
rgb(70,187,241)
-
#58c2f2
#58c2f2
rgb(88,194,242)
-
#6ac9f3
#6ac9f3
rgb(106,201,243)
-
#7ccff5
#7ccff5
rgb(124,207,245)
-
#8fd6f6
#8fd6f6
rgb(143,214,246)
-
#a1ddf8
#a1ddf8
rgb(161,221,248)
-
#b3e3f9
#b3e3f9
rgb(179,227,249)
-
#c5eafb
#c5eafb
rgb(197,234,251)
-
#d7f1fc
#d7f1fc
rgb(215,241,252)
-
#eaf7fd
#eaf7fd
rgb(234,247,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #58c2f2
A tone is produced by adding gray to any pure hue. In this case, #a4a5a6 is the less saturated color, while #51c5f9 is the most saturated one.
-
#a4a5a6
#a4a5a6
rgb(164,165,166)
-
#9da8ad
#9da8ad
rgb(157,168,173)
-
#96abb4
#96abb4
rgb(150,171,180)
-
#8fadbb
#8fadbb
rgb(143,173,187)
-
#88b0c2
#88b0c2
rgb(136,176,194)
-
#82b2c8
#82b2c8
rgb(130,178,200)
-
#7bb5cf
#7bb5cf
rgb(123,181,207)
-
#74b8d6
#74b8d6
rgb(116,184,214)
-
#6dbadd
#6dbadd
rgb(109,186,221)
-
#66bde4
#66bde4
rgb(102,189,228)
-
#5fbfeb
#5fbfeb
rgb(95,191,235)
-
#58c2f2
#58c2f2
rgb(88,194,242)
-
#51c5f9
#51c5f9
rgb(81,197,249)
Color Blindness Simulator
Below, you can see how #58c2f2 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.