#558dea Color Information
In a RGB color space, hex #558dea is composed of 33.3% red, 55.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 39.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 217.4 degrees, a saturation of 78% and a lightness of 62.5%. #558dea color hex could be obtained by blending #aaffff with #001bd5. Closest websafe color is: #6699ff.
-
- R 33
- G 55
- B 92
-
- C 64
- M 40
- Y 0
- K 8
● #558dea color description : Soft blue.
#558dea Color Conversion
The hexadecimal color #558dea has RGB values of R:85, G:141, B:234 and CMYK values of C:0.64, M:0.4, Y:0, K:0.08. Its decimal value is 5606890.
Hex triplet | 558dea | #558dea |
---|---|---|
RGB Decimal | 85, 141, 234 | rgb(85,141,234) |
RGB Percent | 33.3, 55.3, 91.8 | rgb(33.3%,55.3%,91.8%) |
CMYK | 64, 40, 0, 8 | |
HSL | 217.4°, 78, 62.5 | hsl(217.4,78%,62.5%) |
HSV (or HSB) | 217.4°, 63.7, 91.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.9, 10.319, -52.492 |
---|---|
XYZ | 28.119, 26.92, 81.552 |
xyY | 0.206, 0.197, 26.92 |
CIE-LCH | 58.9, 53.497, 281.122 |
CIE-LUV | 58.9, -24.192, -84.41 |
Hunter-Lab | 51.884, 5.942, -56.873 |
Binary | 01010101, 10001101, 11101010 |
Color Schemes with #558dea
Alternatives to #558dea
Below, you can see some colors close to #558dea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558dea Preview
This text has a font color of #558dea.
<span style="color:#558dea;">Text here</span>
This paragraph has a background color of #558dea.
<p style="background-color:#558dea;">Content here</p>
This element has a border color of #558dea.
<div style="border:1px solid #558dea;">Content here</div>
.text {color:#558dea;}
.background {background-color:#558dea;}
.border {border:1px solid #558dea;}
Shades and Tints of #558dea
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, #010205 is the darkest color, while #f2f6fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030a16
#030a16
rgb(3,10,22)
-
#051228
#051228
rgb(5,18,40)
-
#071a39
#071a39
rgb(7,26,57)
-
#09224a
#09224a
rgb(9,34,74)
-
#0b2a5c
#0b2a5c
rgb(11,42,92)
-
#0e326d
#0e326d
rgb(14,50,109)
-
#10397f
#10397f
rgb(16,57,127)
-
#124190
#124190
rgb(18,65,144)
-
#1449a2
#1449a2
rgb(20,73,162)
-
#1651b3
#1651b3
rgb(22,81,179)
-
#1859c5
#1859c5
rgb(24,89,197)
-
#1a61d6
#1a61d6
rgb(26,97,214)
-
#216ae4
#216ae4
rgb(33,106,228)
-
#3276e6
#3276e6
rgb(50,118,230)
-
#4481e8
#4481e8
rgb(68,129,232)
-
#558dea
#558dea
rgb(85,141,234)
-
#6699ec
#6699ec
rgb(102,153,236)
-
#78a4ee
#78a4ee
rgb(120,164,238)
-
#89b0f0
#89b0f0
rgb(137,176,240)
-
#9bbcf3
#9bbcf3
rgb(155,188,243)
-
#acc8f5
#acc8f5
rgb(172,200,245)
-
#bed3f7
#bed3f7
rgb(190,211,247)
-
#cfdff9
#cfdff9
rgb(207,223,249)
-
#e1ebfb
#e1ebfb
rgb(225,235,251)
-
#f2f6fd
#f2f6fd
rgb(242,246,253)
Tones of #558dea
A tone is produced by adding gray to any pure hue. In this case, #9e9fa1 is the less saturated color, while #4689f9 is the most saturated one.
-
#9e9fa1
#9e9fa1
rgb(158,159,161)
-
#979da8
#979da8
rgb(151,157,168)
-
#909caf
#909caf
rgb(144,156,175)
-
#889ab7
#889ab7
rgb(136,154,183)
-
#8198be
#8198be
rgb(129,152,190)
-
#7a96c5
#7a96c5
rgb(122,150,197)
-
#7294cd
#7294cd
rgb(114,148,205)
-
#6b92d4
#6b92d4
rgb(107,146,212)
-
#6491db
#6491db
rgb(100,145,219)
-
#5c8fe3
#5c8fe3
rgb(92,143,227)
-
#558dea
#558dea
rgb(85,141,234)
-
#4e8bf1
#4e8bf1
rgb(78,139,241)
-
#4689f9
#4689f9
rgb(70,137,249)
Color Blindness Simulator
Below, you can see how #558dea 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.