#558efb Color Information
In a RGB color space, hex #558efb is composed of 33.3% red, 55.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 43.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 219.4 degrees, a saturation of 95.4% and a lightness of 65.9%. #558efb color hex could be obtained by blending #aaffff with #001df7. Closest websafe color is: #6699ff.
-
- R 33
- G 56
- B 98
-
- C 66
- M 43
- Y 0
- K 2
● #558efb color description : Soft blue.
#558efb Color Conversion
The hexadecimal color #558efb has RGB values of R:85, G:142, B:251 and CMYK values of C:0.66, M:0.43, Y:0, K:0.02. Its decimal value is 5607163.
Hex triplet | 558efb | #558efb |
---|---|---|
RGB Decimal | 85, 142, 251 | rgb(85,142,251) |
RGB Percent | 33.3, 55.7, 98.4 | rgb(33.3%,55.7%,98.4%) |
CMYK | 66, 43, 0, 2 | |
HSL | 219.4°, 95.4, 65.9 | hsl(219.4,95.4%,65.9%) |
HSV (or HSB) | 219.4°, 66.1, 98.4 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.105, 15.497, -59.953 |
---|---|
XYZ | 30.828, 28.24, 95.088 |
xyY | 0.2, 0.183, 28.24 |
CIE-LCH | 60.105, 61.924, 284.492 |
CIE-LUV | 60.105, -24.326, -97.462 |
Hunter-Lab | 53.142, 10.552, -68.89 |
Binary | 01010101, 10001110, 11111011 |
Color Schemes with #558efb
Alternatives to #558efb
Below, you can see some colors close to #558efb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558efb Preview
This text has a font color of #558efb.
<span style="color:#558efb;">Text here</span>
This paragraph has a background color of #558efb.
<p style="background-color:#558efb;">Content here</p>
This element has a border color of #558efb.
<div style="border:1px solid #558efb;">Content here</div>
.text {color:#558efb;}
.background {background-color:#558efb;}
.border {border:1px solid #558efb;}
Shades and Tints of #558efb
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, #000102 is the darkest color, while #eef4ff is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#010816
#010816
rgb(1,8,22)
-
#010f29
#010f29
rgb(1,15,41)
-
#01163c
#01163c
rgb(1,22,60)
-
#021c4f
#021c4f
rgb(2,28,79)
-
#022362
#022362
rgb(2,35,98)
-
#032a75
#032a75
rgb(3,42,117)
-
#033189
#033189
rgb(3,49,137)
-
#04389c
#04389c
rgb(4,56,156)
-
#043faf
#043faf
rgb(4,63,175)
-
#0546c2
#0546c2
rgb(5,70,194)
-
#054dd5
#054dd5
rgb(5,77,213)
-
#0553e8
#0553e8
rgb(5,83,232)
-
#085bf9
#085bf9
rgb(8,91,249)
-
#1c68fa
#1c68fa
rgb(28,104,250)
-
#2f75fa
#2f75fa
rgb(47,117,250)
-
#4281fb
#4281fb
rgb(66,129,251)
-
#558efb
#558efb
rgb(85,142,251)
-
#689bfb
#689bfb
rgb(104,155,251)
-
#7ba7fc
#7ba7fc
rgb(123,167,252)
-
#8eb4fc
#8eb4fc
rgb(142,180,252)
-
#a2c1fd
#a2c1fd
rgb(162,193,253)
-
#b5cefd
#b5cefd
rgb(181,206,253)
-
#c8dafe
#c8dafe
rgb(200,218,254)
-
#dbe7fe
#dbe7fe
rgb(219,231,254)
-
#eef4ff
#eef4ff
rgb(238,244,255)
Tones of #558efb
A tone is produced by adding gray to any pure hue. In this case, #a5a7ab is the less saturated color, while #558efb is the most saturated one.
-
#a5a7ab
#a5a7ab
rgb(165,167,171)
-
#9fa5b1
#9fa5b1
rgb(159,165,177)
-
#98a3b8
#98a3b8
rgb(152,163,184)
-
#91a1bf
#91a1bf
rgb(145,161,191)
-
#8b9fc5
#8b9fc5
rgb(139,159,197)
-
#849dcc
#849dcc
rgb(132,157,204)
-
#7d9bd3
#7d9bd3
rgb(125,155,211)
-
#7698da
#7698da
rgb(118,152,218)
-
#7096e0
#7096e0
rgb(112,150,224)
-
#6994e7
#6994e7
rgb(105,148,231)
-
#6292ee
#6292ee
rgb(98,146,238)
-
#5c90f4
#5c90f4
rgb(92,144,244)
-
#558efb
#558efb
rgb(85,142,251)
Color Blindness Simulator
Below, you can see how #558efb 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.