#58a9f4 Color Information
In a RGB color space, hex #58a9f4 is composed of 34.5% red, 66.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 30.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 208.8 degrees, a saturation of 87.6% and a lightness of 65.1%. #58a9f4 color hex could be obtained by blending #b0ffff with #0053e9. Closest websafe color is: #6699ff.
-
- R 35
- G 66
- B 96
-
- C 64
- M 31
- Y 0
- K 4
● #58a9f4 color description : Soft blue.
#58a9f4 Color Conversion
The hexadecimal color #58a9f4 has RGB values of R:88, G:169, B:244 and CMYK values of C:0.64, M:0.31, Y:0, K:0.04. Its decimal value is 5810676.
Hex triplet | 58a9f4 | #58a9f4 |
---|---|---|
RGB Decimal | 88, 169, 244 | rgb(88,169,244) |
RGB Percent | 34.5, 66.3, 95.7 | rgb(34.5%,66.3%,95.7%) |
CMYK | 64, 31, 0, 4 | |
HSL | 208.8°, 87.6, 65.1 | hsl(208.8,87.6%,65.1%) |
HSV (or HSB) | 208.8°, 63.9, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.262, -2.09, -44.766 |
---|---|
XYZ | 34.538, 36.98, 90.901 |
xyY | 0.213, 0.228, 36.98 |
CIE-LCH | 67.262, 44.815, 267.327 |
CIE-LUV | 67.262, -32.843, -71.883 |
Hunter-Lab | 60.811, -5.04, -46.059 |
Binary | 01011000, 10101001, 11110100 |
Color Schemes with #58a9f4
Alternatives to #58a9f4
Below, you can see some colors close to #58a9f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#58a9f4 Preview
This text has a font color of #58a9f4.
<span style="color:#58a9f4;">Text here</span>
This paragraph has a background color of #58a9f4.
<p style="background-color:#58a9f4;">Content here</p>
This element has a border color of #58a9f4.
<div style="border:1px solid #58a9f4;">Content here</div>
.text {color:#58a9f4;}
.background {background-color:#58a9f4;}
.border {border:1px solid #58a9f4;}
Shades and Tints of #58a9f4
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)
-
#021423
#021423
rgb(2,20,35)
-
#041e36
#041e36
rgb(4,30,54)
-
#052848
#052848
rgb(5,40,72)
-
#06325b
#06325b
rgb(6,50,91)
-
#073c6d
#073c6d
rgb(7,60,109)
-
#08467f
#08467f
rgb(8,70,127)
-
#0a5092
#0a5092
rgb(10,80,146)
-
#0b5aa4
#0b5aa4
rgb(11,90,164)
-
#0c65b7
#0c65b7
rgb(12,101,183)
-
#0d6fc9
#0d6fc9
rgb(13,111,201)
-
#0e79db
#0e79db
rgb(14,121,219)
-
#1083ee
#1083ee
rgb(16,131,238)
-
#218df0
#218df0
rgb(33,141,240)
-
#3396f2
#3396f2
rgb(51,150,242)
-
#46a0f3
#46a0f3
rgb(70,160,243)
-
#58a9f4
#58a9f4
rgb(88,169,244)
-
#6ab2f5
#6ab2f5
rgb(106,178,245)
-
#7dbcf6
#7dbcf6
rgb(125,188,246)
-
#8fc5f8
#8fc5f8
rgb(143,197,248)
-
#a2cff9
#a2cff9
rgb(162,207,249)
-
#b4d8fa
#b4d8fa
rgb(180,216,250)
-
#c6e2fb
#c6e2fb
rgb(198,226,251)
-
#d9ebfc
#d9ebfc
rgb(217,235,252)
-
#ebf5fe
#ebf5fe
rgb(235,245,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #58a9f4
A tone is produced by adding gray to any pure hue. In this case, #a3a6a9 is the less saturated color, while #51a9fb is the most saturated one.
-
#a3a6a9
#a3a6a9
rgb(163,166,169)
-
#9ca6b0
#9ca6b0
rgb(156,166,176)
-
#96a7b6
#96a7b6
rgb(150,167,182)
-
#8fa7bd
#8fa7bd
rgb(143,167,189)
-
#88a7c4
#88a7c4
rgb(136,167,196)
-
#81a7cb
#81a7cb
rgb(129,167,203)
-
#7aa8d2
#7aa8d2
rgb(122,168,210)
-
#73a8d9
#73a8d9
rgb(115,168,217)
-
#6da8df
#6da8df
rgb(109,168,223)
-
#66a8e6
#66a8e6
rgb(102,168,230)
-
#5fa9ed
#5fa9ed
rgb(95,169,237)
-
#58a9f4
#58a9f4
rgb(88,169,244)
-
#51a9fb
#51a9fb
rgb(81,169,251)
Color Blindness Simulator
Below, you can see how #58a9f4 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.