#558ffc Color Information
In a RGB color space, hex #558ffc is composed of 33.3% red, 56.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 43.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 219.2 degrees, a saturation of 96.5% and a lightness of 66.1%. #558ffc color hex could be obtained by blending #aaffff with #001ff9. Closest websafe color is: #6699ff.
-
- R 33
- G 56
- B 99
-
- C 66
- M 43
- Y 0
- K 1
● #558ffc color description : Soft blue.
#558ffc Color Conversion
The hexadecimal color #558ffc has RGB values of R:85, G:143, B:252 and CMYK values of C:0.66, M:0.43, Y:0, K:0.01. Its decimal value is 5607420.
Hex triplet | 558ffc | #558ffc |
---|---|---|
RGB Decimal | 85, 143, 252 | rgb(85,143,252) |
RGB Percent | 33.3, 56.1, 98.8 | rgb(33.3%,56.1%,98.8%) |
CMYK | 66, 43, 0, 1 | |
HSL | 219.2°, 96.5, 66.1 | hsl(219.2,96.5%,66.1%) |
HSV (or HSB) | 219.2°, 66.3, 98.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.429, 15.239, -59.984 |
---|---|
XYZ | 31.136, 28.602, 95.97 |
xyY | 0.2, 0.184, 28.602 |
CIE-LCH | 60.429, 61.89, 284.254 |
CIE-LUV | 60.429, -24.634, -97.59 |
Hunter-Lab | 53.481, 10.327, -68.957 |
Binary | 01010101, 10001111, 11111100 |
Color Schemes with #558ffc
Alternatives to #558ffc
Below, you can see some colors close to #558ffc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ffc Preview
This text has a font color of #558ffc.
<span style="color:#558ffc;">Text here</span>
This paragraph has a background color of #558ffc.
<p style="background-color:#558ffc;">Content here</p>
This element has a border color of #558ffc.
<div style="border:1px solid #558ffc;">Content here</div>
.text {color:#558ffc;}
.background {background-color:#558ffc;}
.border {border:1px solid #558ffc;}
Shades and Tints of #558ffc
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, #000103 is the darkest color, while #eff5ff is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#000817
#000817
rgb(0,8,23)
-
#010f2a
#010f2a
rgb(1,15,42)
-
#01163d
#01163d
rgb(1,22,61)
-
#011d51
#011d51
rgb(1,29,81)
-
#022464
#022464
rgb(2,36,100)
-
#022b77
#022b77
rgb(2,43,119)
-
#02328a
#02328a
rgb(2,50,138)
-
#03399e
#03399e
rgb(3,57,158)
-
#033fb1
#033fb1
rgb(3,63,177)
-
#0346c4
#0346c4
rgb(3,70,196)
-
#044dd8
#044dd8
rgb(4,77,216)
-
#0454eb
#0454eb
rgb(4,84,235)
-
#085cfb
#085cfb
rgb(8,92,251)
-
#1b69fb
#1b69fb
rgb(27,105,251)
-
#2e76fb
#2e76fb
rgb(46,118,251)
-
#4282fc
#4282fc
rgb(66,130,252)
-
#558ffc
#558ffc
rgb(85,143,252)
-
#689cfc
#689cfc
rgb(104,156,252)
-
#7ca8fd
#7ca8fd
rgb(124,168,253)
-
#8fb5fd
#8fb5fd
rgb(143,181,253)
-
#a2c2fd
#a2c2fd
rgb(162,194,253)
-
#b5cefe
#b5cefe
rgb(181,206,254)
-
#c9dbfe
#c9dbfe
rgb(201,219,254)
-
#dce8fe
#dce8fe
rgb(220,232,254)
-
#eff5ff
#eff5ff
rgb(239,245,255)
Tones of #558ffc
A tone is produced by adding gray to any pure hue. In this case, #a5a7ac is the less saturated color, while #558ffc is the most saturated one.
-
#a5a7ac
#a5a7ac
rgb(165,167,172)
-
#9ea5b3
#9ea5b3
rgb(158,165,179)
-
#98a3b9
#98a3b9
rgb(152,163,185)
-
#91a1c0
#91a1c0
rgb(145,161,192)
-
#8a9fc7
#8a9fc7
rgb(138,159,199)
-
#849dcd
#849dcd
rgb(132,157,205)
-
#7d9bd4
#7d9bd4
rgb(125,155,212)
-
#7699db
#7699db
rgb(118,153,219)
-
#7097e1
#7097e1
rgb(112,151,225)
-
#6995e8
#6995e8
rgb(105,149,232)
-
#6293ef
#6293ef
rgb(98,147,239)
-
#5c91f5
#5c91f5
rgb(92,145,245)
-
#558ffc
#558ffc
rgb(85,143,252)
Color Blindness Simulator
Below, you can see how #558ffc 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.