#58caf9 Color Information
In a RGB color space, hex #58caf9 is composed of 34.5% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 197.5 degrees, a saturation of 93.1% and a lightness of 66.1%. #58caf9 color hex could be obtained by blending #b0ffff with #0095f3. Closest websafe color is: #66ccff.
-
- R 35
- G 79
- B 98
-
- C 65
- M 19
- Y 0
- K 2
● #58caf9 color description : Soft blue.
#58caf9 Color Conversion
The hexadecimal color #58caf9 has RGB values of R:88, G:202, B:249 and CMYK values of C:0.65, M:0.19, Y:0, K:0.02. Its decimal value is 5819129.
Hex triplet | 58caf9 | #58caf9 |
---|---|---|
RGB Decimal | 88, 202, 249 | rgb(88,202,249) |
RGB Percent | 34.5, 79.2, 97.6 | rgb(34.5%,79.2%,97.6%) |
CMYK | 65, 19, 0, 2 | |
HSL | 197.5°, 93.1, 66.1 | hsl(197.5,93.1%,66.1%) |
HSV (or HSB) | 197.5°, 64.7, 97.6 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 76.771, -18.314, -32.667 |
---|---|
XYZ | 42.239, 51.152, 97.265 |
xyY | 0.222, 0.268, 51.152 |
CIE-LCH | 76.771, 37.451, 240.723 |
CIE-LUV | 76.771, -44.337, -50.219 |
Hunter-Lab | 71.521, -19.741, -30.567 |
Binary | 01011000, 11001010, 11111001 |
Color Schemes with #58caf9
Alternatives to #58caf9
Below, you can see some colors close to #58caf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#58caf9 Preview
This text has a font color of #58caf9.
<span style="color:#58caf9;">Text here</span>
This paragraph has a background color of #58caf9.
<p style="background-color:#58caf9;">Content here</p>
This element has a border color of #58caf9.
<div style="border:1px solid #58caf9;">Content here</div>
.text {color:#58caf9;}
.background {background-color:#58caf9;}
.border {border:1px solid #58caf9;}
Shades and Tints of #58caf9
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, #000203 is the darkest color, while #effafe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#011016
#011016
rgb(1,16,22)
-
#011e29
#011e29
rgb(1,30,41)
-
#022b3c
#022b3c
rgb(2,43,60)
-
#03394f
#03394f
rgb(3,57,79)
-
#044662
#044662
rgb(4,70,98)
-
#045475
#045475
rgb(4,84,117)
-
#056288
#056288
rgb(5,98,136)
-
#066f9b
#066f9b
rgb(6,111,155)
-
#067dae
#067dae
rgb(6,125,174)
-
#078bc1
#078bc1
rgb(7,139,193)
-
#0898d4
#0898d4
rgb(8,152,212)
-
#08a6e7
#08a6e7
rgb(8,166,231)
-
#0cb2f6
#0cb2f6
rgb(12,178,246)
-
#1fb8f7
#1fb8f7
rgb(31,184,247)
-
#32bef8
#32bef8
rgb(50,190,248)
-
#45c4f8
#45c4f8
rgb(69,196,248)
-
#58caf9
#58caf9
rgb(88,202,249)
-
#6bd0fa
#6bd0fa
rgb(107,208,250)
-
#7ed6fa
#7ed6fa
rgb(126,214,250)
-
#91dcfb
#91dcfb
rgb(145,220,251)
-
#a4e2fc
#a4e2fc
rgb(164,226,252)
-
#b7e8fc
#b7e8fc
rgb(183,232,252)
-
#caeefd
#caeefd
rgb(202,238,253)
-
#ddf4fe
#ddf4fe
rgb(221,244,254)
-
#effafe
#effafe
rgb(239,250,254)
Tones of #58caf9
A tone is produced by adding gray to any pure hue. In this case, #a8a9a9 is the less saturated color, while #58caf9 is the most saturated one.
-
#a8a9a9
#a8a9a9
rgb(168,169,169)
-
#a1acb0
#a1acb0
rgb(161,172,176)
-
#9baeb6
#9baeb6
rgb(155,174,182)
-
#94b1bd
#94b1bd
rgb(148,177,189)
-
#8db4c4
#8db4c4
rgb(141,180,196)
-
#87b7ca
#87b7ca
rgb(135,183,202)
-
#80b9d1
#80b9d1
rgb(128,185,209)
-
#79bcd8
#79bcd8
rgb(121,188,216)
-
#73bfde
#73bfde
rgb(115,191,222)
-
#6cc2e5
#6cc2e5
rgb(108,194,229)
-
#65c4ec
#65c4ec
rgb(101,196,236)
-
#5fc7f2
#5fc7f2
rgb(95,199,242)
-
#58caf9
#58caf9
rgb(88,202,249)
Color Blindness Simulator
Below, you can see how #58caf9 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.