#58a3f4 Color Information
In a RGB color space, hex #58a3f4 is composed of 34.5% red, 63.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 33.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 211.2 degrees, a saturation of 87.6% and a lightness of 65.1%. #58a3f4 color hex could be obtained by blending #b0ffff with #0047e9. Closest websafe color is: #6699ff.
-
- R 35
- G 64
- B 96
-
- C 64
- M 33
- Y 0
- K 4
● #58a3f4 color description : Soft blue.
#58a3f4 Color Conversion
The hexadecimal color #58a3f4 has RGB values of R:88, G:163, B:244 and CMYK values of C:0.64, M:0.33, Y:0, K:0.04. Its decimal value is 5809140.
Hex triplet | 58a3f4 | #58a3f4 |
---|---|---|
RGB Decimal | 88, 163, 244 | rgb(88,163,244) |
RGB Percent | 34.5, 63.9, 95.7 | rgb(34.5%,63.9%,95.7%) |
CMYK | 64, 33, 0, 4 | |
HSL | 211.2°, 87.6, 65.1 | hsl(211.2,87.6%,65.1%) |
HSV (or HSB) | 211.2°, 63.9, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.591, 1.314, -47.395 |
---|---|
XYZ | 33.447, 34.798, 90.537 |
xyY | 0.211, 0.219, 34.798 |
CIE-LCH | 65.591, 47.413, 271.588 |
CIE-LUV | 65.591, -30.758, -76.444 |
Hunter-Lab | 58.99, -2.025, -49.704 |
Binary | 01011000, 10100011, 11110100 |
Color Schemes with #58a3f4
Alternatives to #58a3f4
Below, you can see some colors close to #58a3f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#58a3f4 Preview
This text has a font color of #58a3f4.
<span style="color:#58a3f4;">Text here</span>
This paragraph has a background color of #58a3f4.
<p style="background-color:#58a3f4;">Content here</p>
This element has a border color of #58a3f4.
<div style="border:1px solid #58a3f4;">Content here</div>
.text {color:#58a3f4;}
.background {background-color:#58a3f4;}
.border {border:1px solid #58a3f4;}
Shades and Tints of #58a3f4
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, #010911 is the darkest color, while #fefeff is the lightest one.
-
#010911
#010911
rgb(1,9,17)
-
#021223
#021223
rgb(2,18,35)
-
#041c36
#041c36
rgb(4,28,54)
-
#052548
#052548
rgb(5,37,72)
-
#062f5b
#062f5b
rgb(6,47,91)
-
#07386d
#07386d
rgb(7,56,109)
-
#08427f
#08427f
rgb(8,66,127)
-
#0a4b92
#0a4b92
rgb(10,75,146)
-
#0b55a4
#0b55a4
rgb(11,85,164)
-
#0c5eb7
#0c5eb7
rgb(12,94,183)
-
#0d68c9
#0d68c9
rgb(13,104,201)
-
#0e71db
#0e71db
rgb(14,113,219)
-
#107aee
#107aee
rgb(16,122,238)
-
#2185f0
#2185f0
rgb(33,133,240)
-
#338ff2
#338ff2
rgb(51,143,242)
-
#4699f3
#4699f3
rgb(70,153,243)
-
#58a3f4
#58a3f4
rgb(88,163,244)
-
#6aadf5
#6aadf5
rgb(106,173,245)
-
#7db7f6
#7db7f6
rgb(125,183,246)
-
#8fc1f8
#8fc1f8
rgb(143,193,248)
-
#a2ccf9
#a2ccf9
rgb(162,204,249)
-
#b4d6fa
#b4d6fa
rgb(180,214,250)
-
#c6e0fb
#c6e0fb
rgb(198,224,251)
-
#d9eafc
#d9eafc
rgb(217,234,252)
-
#ebf4fe
#ebf4fe
rgb(235,244,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #58a3f4
A tone is produced by adding gray to any pure hue. In this case, #a3a6a9 is the less saturated color, while #51a3fb is the most saturated one.
-
#a3a6a9
#a3a6a9
rgb(163,166,169)
-
#9ca6b0
#9ca6b0
rgb(156,166,176)
-
#96a5b6
#96a5b6
rgb(150,165,182)
-
#8fa5bd
#8fa5bd
rgb(143,165,189)
-
#88a5c4
#88a5c4
rgb(136,165,196)
-
#81a5cb
#81a5cb
rgb(129,165,203)
-
#7aa4d2
#7aa4d2
rgb(122,164,210)
-
#73a4d9
#73a4d9
rgb(115,164,217)
-
#6da4df
#6da4df
rgb(109,164,223)
-
#66a4e6
#66a4e6
rgb(102,164,230)
-
#5fa3ed
#5fa3ed
rgb(95,163,237)
-
#58a3f4
#58a3f4
rgb(88,163,244)
-
#51a3fb
#51a3fb
rgb(81,163,251)
Color Blindness Simulator
Below, you can see how #58a3f4 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.