#558cd7 Color Information
In a RGB color space, hex #558cd7 is composed of 33.3% red, 54.9% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 34.9% magenta, 0% yellow and 15.7% black. It has a hue angle of 214.6 degrees, a saturation of 61.9% and a lightness of 58.8%. #558cd7 color hex could be obtained by blending #aaffff with #0019af. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 84
-
- C 60
- M 35
- Y 0
- K 16
● #558cd7 color description : Moderate blue.
#558cd7 Color Conversion
The hexadecimal color #558cd7 has RGB values of R:85, G:140, B:215 and CMYK values of C:0.6, M:0.35, Y:0, K:0.16. Its decimal value is 5606615.
Hex triplet | 558cd7 | #558cd7 |
---|---|---|
RGB Decimal | 85, 140, 215 | rgb(85,140,215) |
RGB Percent | 33.3, 54.9, 84.3 | rgb(33.3%,54.9%,84.3%) |
CMYK | 60, 35, 0, 16 | |
HSL | 214.6°, 61.9, 58.8 | hsl(214.6,61.9%,58.8%) |
HSV (or HSB) | 214.6°, 60.5, 84.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.648, 4.557, -43.881 |
---|---|
XYZ | 25.387, 25.592, 67.888 |
xyY | 0.214, 0.215, 25.592 |
CIE-LCH | 57.648, 44.117, 275.929 |
CIE-LUV | 57.648, -24.103, -69.362 |
Hunter-Lab | 50.589, 1.048, -44.153 |
Binary | 01010101, 10001100, 11010111 |
Color Schemes with #558cd7
Alternatives to #558cd7
Below, you can see some colors close to #558cd7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558cd7 Preview
This text has a font color of #558cd7.
<span style="color:#558cd7;">Text here</span>
This paragraph has a background color of #558cd7.
<p style="background-color:#558cd7;">Content here</p>
This element has a border color of #558cd7.
<div style="border:1px solid #558cd7;">Content here</div>
.text {color:#558cd7;}
.background {background-color:#558cd7;}
.border {border:1px solid #558cd7;}
Shades and Tints of #558cd7
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, #010305 is the darkest color, while #f4f7fc is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#050b15
#050b15
rgb(5,11,21)
-
#091424
#091424
rgb(9,20,36)
-
#0c1d34
#0c1d34
rgb(12,29,52)
-
#102644
#102644
rgb(16,38,68)
-
#142f54
#142f54
rgb(20,47,84)
-
#183864
#183864
rgb(24,56,100)
-
#1b4174
#1b4174
rgb(27,65,116)
-
#1f4a84
#1f4a84
rgb(31,74,132)
-
#235294
#235294
rgb(35,82,148)
-
#265ba3
#265ba3
rgb(38,91,163)
-
#2a64b3
#2a64b3
rgb(42,100,179)
-
#2e6dc3
#2e6dc3
rgb(46,109,195)
-
#3577d0
#3577d0
rgb(53,119,208)
-
#4581d3
#4581d3
rgb(69,129,211)
-
#558cd7
#558cd7
rgb(85,140,215)
-
#6597db
#6597db
rgb(101,151,219)
-
#75a1de
#75a1de
rgb(117,161,222)
-
#85ace2
#85ace2
rgb(133,172,226)
-
#95b7e6
#95b7e6
rgb(149,183,230)
-
#a4c2ea
#a4c2ea
rgb(164,194,234)
-
#b4cced
#b4cced
rgb(180,204,237)
-
#c4d7f1
#c4d7f1
rgb(196,215,241)
-
#d4e2f5
#d4e2f5
rgb(212,226,245)
-
#e4edf9
#e4edf9
rgb(228,237,249)
-
#f4f7fc
#f4f7fc
rgb(244,247,252)
Tones of #558cd7
A tone is produced by adding gray to any pure hue. In this case, #969696 is the less saturated color, while #3587f7 is the most saturated one.
-
#969696
#969696
rgb(150,150,150)
-
#8e959e
#8e959e
rgb(142,149,158)
-
#8593a7
#8593a7
rgb(133,147,167)
-
#7d92af
#7d92af
rgb(125,146,175)
-
#7591b7
#7591b7
rgb(117,145,183)
-
#6d90bf
#6d90bf
rgb(109,144,191)
-
#658ec7
#658ec7
rgb(101,142,199)
-
#5d8dcf
#5d8dcf
rgb(93,141,207)
-
#558cd7
#558cd7
rgb(85,140,215)
-
#4d8bdf
#4d8bdf
rgb(77,139,223)
-
#458ae7
#458ae7
rgb(69,138,231)
-
#3d88ef
#3d88ef
rgb(61,136,239)
-
#3587f7
#3587f7
rgb(53,135,247)
Color Blindness Simulator
Below, you can see how #558cd7 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.