#558df2 Color Information
In a RGB color space, hex #558df2 is composed of 33.3% red, 55.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 41.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 218.6 degrees, a saturation of 85.8% and a lightness of 64.1%. #558df2 color hex could be obtained by blending #aaffff with #001be5. Closest websafe color is: #6699ff.
-
- R 33
- G 55
- B 95
-
- C 65
- M 42
- Y 0
- K 5
● #558df2 color description : Soft blue.
#558df2 Color Conversion
The hexadecimal color #558df2 has RGB values of R:85, G:141, B:242 and CMYK values of C:0.65, M:0.42, Y:0, K:0.05. Its decimal value is 5606898.
Hex triplet | 558df2 | #558df2 |
---|---|---|
RGB Decimal | 85, 141, 242 | rgb(85,141,242) |
RGB Percent | 33.3, 55.3, 94.9 | rgb(33.3%,55.3%,94.9%) |
CMYK | 65, 42, 0, 5 | |
HSL | 218.6°, 85.8, 64.1 | hsl(218.6,85.8%,64.1%) |
HSV (or HSB) | 218.6°, 64.9, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.334, 13.03, -56.229 |
---|---|
XYZ | 29.295, 27.39, 87.743 |
xyY | 0.203, 0.19, 27.39 |
CIE-LCH | 59.334, 57.719, 283.047 |
CIE-LUV | 59.334, -24.1, -90.916 |
Hunter-Lab | 52.335, 8.328, -62.767 |
Binary | 01010101, 10001101, 11110010 |
Color Schemes with #558df2
Alternatives to #558df2
Below, you can see some colors close to #558df2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558df2 Preview
This text has a font color of #558df2.
<span style="color:#558df2;">Text here</span>
This paragraph has a background color of #558df2.
<p style="background-color:#558df2;">Content here</p>
This element has a border color of #558df2.
<div style="border:1px solid #558df2;">Content here</div>
.text {color:#558df2;}
.background {background-color:#558df2;}
.border {border:1px solid #558df2;}
Shades and Tints of #558df2
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, #01050c is the darkest color, while #f9fbff is the lightest one.
-
#01050c
#01050c
rgb(1,5,12)
-
#020c1e
#020c1e
rgb(2,12,30)
-
#041431
#041431
rgb(4,20,49)
-
#051b43
#051b43
rgb(5,27,67)
-
#072355
#072355
rgb(7,35,85)
-
#082a67
#082a67
rgb(8,42,103)
-
#09317a
#09317a
rgb(9,49,122)
-
#0b398c
#0b398c
rgb(11,57,140)
-
#0c409e
#0c409e
rgb(12,64,158)
-
#0d48b0
#0d48b0
rgb(13,72,176)
-
#0f4fc2
#0f4fc2
rgb(15,79,194)
-
#1056d5
#1056d5
rgb(16,86,213)
-
#125ee7
#125ee7
rgb(18,94,231)
-
#1e68ee
#1e68ee
rgb(30,104,238)
-
#3175ef
#3175ef
rgb(49,117,239)
-
#4381f1
#4381f1
rgb(67,129,241)
-
#558df2
#558df2
rgb(85,141,242)
-
#6799f3
#6799f3
rgb(103,153,243)
-
#79a5f5
#79a5f5
rgb(121,165,245)
-
#8cb2f6
#8cb2f6
rgb(140,178,246)
-
#9ebef8
#9ebef8
rgb(158,190,248)
-
#b0caf9
#b0caf9
rgb(176,202,249)
-
#c2d6fa
#c2d6fa
rgb(194,214,250)
-
#d5e3fc
#d5e3fc
rgb(213,227,252)
-
#e7effd
#e7effd
rgb(231,239,253)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #558df2
A tone is produced by adding gray to any pure hue. In this case, #a2a3a5 is the less saturated color, while #4e8bf9 is the most saturated one.
-
#a2a3a5
#a2a3a5
rgb(162,163,165)
-
#9ba1ac
#9ba1ac
rgb(155,161,172)
-
#949fb3
#949fb3
rgb(148,159,179)
-
#8d9dba
#8d9dba
rgb(141,157,186)
-
#869bc1
#869bc1
rgb(134,155,193)
-
#7f99c8
#7f99c8
rgb(127,153,200)
-
#7897cf
#7897cf
rgb(120,151,207)
-
#7195d6
#7195d6
rgb(113,149,214)
-
#6a93dd
#6a93dd
rgb(106,147,221)
-
#6391e4
#6391e4
rgb(99,145,228)
-
#5c8feb
#5c8feb
rgb(92,143,235)
-
#558df2
#558df2
rgb(85,141,242)
-
#4e8bf9
#4e8bf9
rgb(78,139,249)
Color Blindness Simulator
Below, you can see how #558df2 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.