#558fec Color Information
In a RGB color space, hex #558fec is composed of 33.3% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 217 degrees, a saturation of 79.9% and a lightness of 62.9%. #558fec color hex could be obtained by blending #aaffff with #001fd9. Closest websafe color is: #6699ff.
-
- R 33
- G 56
- B 93
-
- C 64
- M 39
- Y 0
- K 7
● #558fec color description : Soft blue.
#558fec Color Conversion
The hexadecimal color #558fec has RGB values of R:85, G:143, B:236 and CMYK values of C:0.64, M:0.39, Y:0, K:0.07. Its decimal value is 5607404.
Hex triplet | 558fec | #558fec |
---|---|---|
RGB Decimal | 85, 143, 236 | rgb(85,143,236) |
RGB Percent | 33.3, 56.1, 92.5 | rgb(33.3%,56.1%,92.5%) |
CMYK | 64, 39, 0, 7 | |
HSL | 217°, 79.9, 62.9 | hsl(217,79.9%,62.9%) |
HSV (or HSB) | 217°, 64, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.553, 9.803, -52.561 |
---|---|
XYZ | 28.706, 27.63, 83.173 |
xyY | 0.206, 0.198, 27.63 |
CIE-LCH | 59.553, 53.467, 280.565 |
CIE-LUV | 59.553, -24.832, -84.646 |
Hunter-Lab | 52.565, 5.491, -57.019 |
Binary | 01010101, 10001111, 11101100 |
Color Schemes with #558fec
Alternatives to #558fec
Below, you can see some colors close to #558fec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558fec Preview
This text has a font color of #558fec.
<span style="color:#558fec;">Text here</span>
This paragraph has a background color of #558fec.
<p style="background-color:#558fec;">Content here</p>
This element has a border color of #558fec.
<div style="border:1px solid #558fec;">Content here</div>
.text {color:#558fec;}
.background {background-color:#558fec;}
.border {border:1px solid #558fec;}
Shades and Tints of #558fec
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, #010306 is the darkest color, while #f4f8fe is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#030b18
#030b18
rgb(3,11,24)
-
#05132a
#05132a
rgb(5,19,42)
-
#071b3b
#071b3b
rgb(7,27,59)
-
#09234d
#09234d
rgb(9,35,77)
-
#0b2b5f
#0b2b5f
rgb(11,43,95)
-
#0d3370
#0d3370
rgb(13,51,112)
-
#0f3b82
#0f3b82
rgb(15,59,130)
-
#104394
#104394
rgb(16,67,148)
-
#124ba5
#124ba5
rgb(18,75,165)
-
#1453b7
#1453b7
rgb(20,83,183)
-
#165bc9
#165bc9
rgb(22,91,201)
-
#1863da
#1863da
rgb(24,99,218)
-
#206ce6
#206ce6
rgb(32,108,230)
-
#3278e8
#3278e8
rgb(50,120,232)
-
#4383ea
#4383ea
rgb(67,131,234)
-
#558fec
#558fec
rgb(85,143,236)
-
#679bee
#679bee
rgb(103,155,238)
-
#78a6f0
#78a6f0
rgb(120,166,240)
-
#8ab2f2
#8ab2f2
rgb(138,178,242)
-
#9cbdf4
#9cbdf4
rgb(156,189,244)
-
#adc9f6
#adc9f6
rgb(173,201,246)
-
#bfd5f8
#bfd5f8
rgb(191,213,248)
-
#d1e0fa
#d1e0fa
rgb(209,224,250)
-
#e2ecfc
#e2ecfc
rgb(226,236,252)
-
#f4f8fe
#f4f8fe
rgb(244,248,254)
Tones of #558fec
A tone is produced by adding gray to any pure hue. In this case, #9ea0a3 is the less saturated color, while #468cfb is the most saturated one.
-
#9ea0a3
#9ea0a3
rgb(158,160,163)
-
#969eab
#969eab
rgb(150,158,171)
-
#8f9cb2
#8f9cb2
rgb(143,156,178)
-
#889bb9
#889bb9
rgb(136,155,185)
-
#8199c0
#8199c0
rgb(129,153,192)
-
#7997c8
#7997c8
rgb(121,151,200)
-
#7296cf
#7296cf
rgb(114,150,207)
-
#6b94d6
#6b94d6
rgb(107,148,214)
-
#6492dd
#6492dd
rgb(100,146,221)
-
#5c91e5
#5c91e5
rgb(92,145,229)
-
#558fec
#558fec
rgb(85,143,236)
-
#4e8df3
#4e8df3
rgb(78,141,243)
-
#468cfb
#468cfb
rgb(70,140,251)
Color Blindness Simulator
Below, you can see how #558fec 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.