#558ed8 Color Information
In a RGB color space, hex #558ed8 is composed of 33.3% red, 55.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 34.3% magenta, 0% yellow and 15.3% black. It has a hue angle of 213.9 degrees, a saturation of 62.7% and a lightness of 59%. #558ed8 color hex could be obtained by blending #aaffff with #001db1. Closest websafe color is: #6699cc.
-
- R 33
- G 56
- B 85
-
- C 61
- M 34
- Y 0
- K 15
● #558ed8 color description : Moderate blue.
#558ed8 Color Conversion
The hexadecimal color #558ed8 has RGB values of R:85, G:142, B:216 and CMYK values of C:0.61, M:0.34, Y:0, K:0.15. Its decimal value is 5607128.
Hex triplet | 558ed8 | #558ed8 |
---|---|---|
RGB Decimal | 85, 142, 216 | rgb(85,142,216) |
RGB Percent | 33.3, 55.7, 84.7 | rgb(33.3%,55.7%,84.7%) |
CMYK | 61, 34, 0, 15 | |
HSL | 213.9°, 62.7, 59 | hsl(213.9,62.7%,59%) |
HSV (or HSB) | 213.9°, 60.6, 84.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.258, 3.709, -43.479 |
---|---|
XYZ | 25.811, 26.234, 68.665 |
xyY | 0.214, 0.217, 26.234 |
CIE-LCH | 58.258, 43.637, 274.876 |
CIE-LUV | 58.258, -24.789, -68.738 |
Hunter-Lab | 51.219, 0.321, -43.633 |
Binary | 01010101, 10001110, 11011000 |
Color Schemes with #558ed8
Alternatives to #558ed8
Below, you can see some colors close to #558ed8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ed8 Preview
This text has a font color of #558ed8.
<span style="color:#558ed8;">Text here</span>
This paragraph has a background color of #558ed8.
<p style="background-color:#558ed8;">Content here</p>
This element has a border color of #558ed8.
<div style="border:1px solid #558ed8;">Content here</div>
.text {color:#558ed8;}
.background {background-color:#558ed8;}
.border {border:1px solid #558ed8;}
Shades and Tints of #558ed8
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 #f5f8fd is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#050c15
#050c15
rgb(5,12,21)
-
#091525
#091525
rgb(9,21,37)
-
#0c1e35
#0c1e35
rgb(12,30,53)
-
#102745
#102745
rgb(16,39,69)
-
#143055
#143055
rgb(20,48,85)
-
#173965
#173965
rgb(23,57,101)
-
#1b4275
#1b4275
rgb(27,66,117)
-
#1f4b85
#1f4b85
rgb(31,75,133)
-
#225495
#225495
rgb(34,84,149)
-
#265da5
#265da5
rgb(38,93,165)
-
#2a66b5
#2a66b5
rgb(42,102,181)
-
#2d6fc5
#2d6fc5
rgb(45,111,197)
-
#3579d1
#3579d1
rgb(53,121,209)
-
#4583d4
#4583d4
rgb(69,131,212)
-
#558ed8
#558ed8
rgb(85,142,216)
-
#6599dc
#6599dc
rgb(101,153,220)
-
#75a3df
#75a3df
rgb(117,163,223)
-
#85aee3
#85aee3
rgb(133,174,227)
-
#95b8e7
#95b8e7
rgb(149,184,231)
-
#a5c3ea
#a5c3ea
rgb(165,195,234)
-
#b5ceee
#b5ceee
rgb(181,206,238)
-
#c5d8f2
#c5d8f2
rgb(197,216,242)
-
#d5e3f5
#d5e3f5
rgb(213,227,245)
-
#e5edf9
#e5edf9
rgb(229,237,249)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #558ed8
A tone is produced by adding gray to any pure hue. In this case, #959698 is the less saturated color, while #358af8 is the most saturated one.
-
#959698
#959698
rgb(149,150,152)
-
#8d95a0
#8d95a0
rgb(141,149,160)
-
#8594a8
#8594a8
rgb(133,148,168)
-
#7d93b0
#7d93b0
rgb(125,147,176)
-
#7592b8
#7592b8
rgb(117,146,184)
-
#6d91c0
#6d91c0
rgb(109,145,192)
-
#6590c8
#6590c8
rgb(101,144,200)
-
#5d8fd0
#5d8fd0
rgb(93,143,208)
-
#558ed8
#558ed8
rgb(85,142,216)
-
#4d8de0
#4d8de0
rgb(77,141,224)
-
#458ce8
#458ce8
rgb(69,140,232)
-
#3d8bf0
#3d8bf0
rgb(61,139,240)
-
#358af8
#358af8
rgb(53,138,248)
Color Blindness Simulator
Below, you can see how #558ed8 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.