#558dee Color Information
In a RGB color space, hex #558dee is composed of 33.3% red, 55.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 40.8% magenta, 0% yellow and 6.7% black. It has a hue angle of 218 degrees, a saturation of 81.8% and a lightness of 63.3%. #558dee color hex could be obtained by blending #aaffff with #001bdd. Closest websafe color is: #6699ff.
-
- R 33
- G 55
- B 93
-
- C 64
- M 41
- Y 0
- K 7
● #558dee color description : Soft blue.
#558dee Color Conversion
The hexadecimal color #558dee has RGB values of R:85, G:141, B:238 and CMYK values of C:0.64, M:0.41, Y:0, K:0.07. Its decimal value is 5606894.
Hex triplet | 558dee | #558dee |
---|---|---|
RGB Decimal | 85, 141, 238 | rgb(85,141,238) |
RGB Percent | 33.3, 55.3, 93.3 | rgb(33.3%,55.3%,93.3%) |
CMYK | 64, 41, 0, 7 | |
HSL | 218°, 81.8, 63.3 | hsl(218,81.8%,63.3%) |
HSV (or HSB) | 218°, 64.3, 93.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.115, 11.672, -54.366 |
---|---|
XYZ | 28.7, 27.152, 84.613 |
xyY | 0.204, 0.193, 27.152 |
CIE-LCH | 59.115, 55.605, 282.117 |
CIE-LUV | 59.115, -24.144, -87.674 |
Hunter-Lab | 52.108, 7.127, -59.8 |
Binary | 01010101, 10001101, 11101110 |
Color Schemes with #558dee
Alternatives to #558dee
Below, you can see some colors close to #558dee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558dee Preview
This text has a font color of #558dee.
<span style="color:#558dee;">Text here</span>
This paragraph has a background color of #558dee.
<p style="background-color:#558dee;">Content here</p>
This element has a border color of #558dee.
<div style="border:1px solid #558dee;">Content here</div>
.text {color:#558dee;}
.background {background-color:#558dee;}
.border {border:1px solid #558dee;}
Shades and Tints of #558dee
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, #010408 is the darkest color, while #f5f9fe is the lightest one.
-
#010408
#010408
rgb(1,4,8)
-
#030b1a
#030b1a
rgb(3,11,26)
-
#04132c
#04132c
rgb(4,19,44)
-
#061b3e
#061b3e
rgb(6,27,62)
-
#082250
#082250
rgb(8,34,80)
-
#0a2a61
#0a2a61
rgb(10,42,97)
-
#0c3273
#0c3273
rgb(12,50,115)
-
#0d3985
#0d3985
rgb(13,57,133)
-
#0f4197
#0f4197
rgb(15,65,151)
-
#1148a9
#1148a9
rgb(17,72,169)
-
#1350bb
#1350bb
rgb(19,80,187)
-
#1458cc
#1458cc
rgb(20,88,204)
-
#165fde
#165fde
rgb(22,95,222)
-
#2069e9
#2069e9
rgb(32,105,233)
-
#3175ea
#3175ea
rgb(49,117,234)
-
#4381ec
#4381ec
rgb(67,129,236)
-
#558dee
#558dee
rgb(85,141,238)
-
#6799f0
#6799f0
rgb(103,153,240)
-
#79a5f2
#79a5f2
rgb(121,165,242)
-
#8ab1f3
#8ab1f3
rgb(138,177,243)
-
#9cbdf5
#9cbdf5
rgb(156,189,245)
-
#aec9f7
#aec9f7
rgb(174,201,247)
-
#c0d5f9
#c0d5f9
rgb(192,213,249)
-
#d2e1fa
#d2e1fa
rgb(210,225,250)
-
#e4edfc
#e4edfc
rgb(228,237,252)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #558dee
A tone is produced by adding gray to any pure hue. In this case, #9da0a6 is the less saturated color, while #4789fc is the most saturated one.
-
#9da0a6
#9da0a6
rgb(157,160,166)
-
#969ead
#969ead
rgb(150,158,173)
-
#8f9cb4
#8f9cb4
rgb(143,156,180)
-
#879abc
#879abc
rgb(135,154,188)
-
#8099c3
#8099c3
rgb(128,153,195)
-
#7997ca
#7997ca
rgb(121,151,202)
-
#7295d1
#7295d1
rgb(114,149,209)
-
#6b93d8
#6b93d8
rgb(107,147,216)
-
#6391e0
#6391e0
rgb(99,145,224)
-
#5c8fe7
#5c8fe7
rgb(92,143,231)
-
#558dee
#558dee
rgb(85,141,238)
-
#4e8bf5
#4e8bf5
rgb(78,139,245)
-
#4789fc
#4789fc
rgb(71,137,252)
Color Blindness Simulator
Below, you can see how #558dee 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.