#558ef8 Color Information
In a RGB color space, hex #558ef8 is composed of 33.3% red, 55.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 42.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 219 degrees, a saturation of 92.1% and a lightness of 65.3%. #558ef8 color hex could be obtained by blending #aaffff with #001df1. Closest websafe color is: #6699ff.
-
- R 33
- G 56
- B 97
-
- C 66
- M 43
- Y 0
- K 3
● #558ef8 color description : Soft blue.
#558ef8 Color Conversion
The hexadecimal color #558ef8 has RGB values of R:85, G:142, B:248 and CMYK values of C:0.66, M:0.43, Y:0, K:0.03. Its decimal value is 5607160.
Hex triplet | 558ef8 | #558ef8 |
---|---|---|
RGB Decimal | 85, 142, 248 | rgb(85,142,248) |
RGB Percent | 33.3, 55.7, 97.3 | rgb(33.3%,55.7%,97.3%) |
CMYK | 66, 43, 0, 3 | |
HSL | 219°, 92.1, 65.3 | hsl(219,92.1%,65.3%) |
HSV (or HSB) | 219°, 65.7, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.936, 14.473, -58.574 |
---|---|
XYZ | 30.359, 28.053, 92.617 |
xyY | 0.201, 0.186, 28.053 |
CIE-LCH | 59.936, 60.336, 283.879 |
CIE-LUV | 59.936, -24.358, -95.064 |
Hunter-Lab | 52.965, 9.626, -66.602 |
Binary | 01010101, 10001110, 11111000 |
Color Schemes with #558ef8
Alternatives to #558ef8
Below, you can see some colors close to #558ef8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ef8 Preview
This text has a font color of #558ef8.
<span style="color:#558ef8;">Text here</span>
This paragraph has a background color of #558ef8.
<p style="background-color:#558ef8;">Content here</p>
This element has a border color of #558ef8.
<div style="border:1px solid #558ef8;">Content here</div>
.text {color:#558ef8;}
.background {background-color:#558ef8;}
.border {border:1px solid #558ef8;}
Shades and Tints of #558ef8
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, #010712 is the darkest color, while #ffffff is the lightest one.
-
#010712
#010712
rgb(1,7,18)
-
#020e25
#020e25
rgb(2,14,37)
-
#021538
#021538
rgb(2,21,56)
-
#031c4b
#031c4b
rgb(3,28,75)
-
#04235e
#04235e
rgb(4,35,94)
-
#052a71
#052a71
rgb(5,42,113)
-
#053183
#053183
rgb(5,49,131)
-
#063996
#063996
rgb(6,57,150)
-
#0740a9
#0740a9
rgb(7,64,169)
-
#0847bc
#0847bc
rgb(8,71,188)
-
#094ecf
#094ecf
rgb(9,78,207)
-
#0955e2
#0955e2
rgb(9,85,226)
-
#0a5cf4
#0a5cf4
rgb(10,92,244)
-
#1c68f6
#1c68f6
rgb(28,104,246)
-
#2f75f6
#2f75f6
rgb(47,117,246)
-
#4281f7
#4281f7
rgb(66,129,247)
-
#558ef8
#558ef8
rgb(85,142,248)
-
#689bf9
#689bf9
rgb(104,155,249)
-
#7ba7fa
#7ba7fa
rgb(123,167,250)
-
#8eb4fa
#8eb4fa
rgb(142,180,250)
-
#a0c0fb
#a0c0fb
rgb(160,192,251)
-
#b3cdfc
#b3cdfc
rgb(179,205,252)
-
#c6d9fd
#c6d9fd
rgb(198,217,253)
-
#d9e6fd
#d9e6fd
rgb(217,230,253)
-
#ecf2fe
#ecf2fe
rgb(236,242,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #558ef8
A tone is produced by adding gray to any pure hue. In this case, #a0a5ad is the less saturated color, while #4e8cff is the most saturated one.
-
#a0a5ad
#a0a5ad
rgb(160,165,173)
-
#99a2b4
#99a2b4
rgb(153,162,180)
-
#92a0bb
#92a0bb
rgb(146,160,187)
-
#8b9ec2
#8b9ec2
rgb(139,158,194)
-
#859cc8
#859cc8
rgb(133,156,200)
-
#7e9acf
#7e9acf
rgb(126,154,207)
-
#7798d6
#7798d6
rgb(119,152,214)
-
#7096dd
#7096dd
rgb(112,150,221)
-
#6994e4
#6994e4
rgb(105,148,228)
-
#6392ea
#6392ea
rgb(99,146,234)
-
#5c90f1
#5c90f1
rgb(92,144,241)
-
#558ef8
#558ef8
rgb(85,142,248)
-
#4e8cff
#4e8cff
rgb(78,140,255)
Color Blindness Simulator
Below, you can see how #558ef8 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.