#558dc8 Color Information
In a RGB color space, hex #558dc8 is composed of 33.3% red, 55.3% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 57.5% cyan, 29.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 210.8 degrees, a saturation of 51.1% and a lightness of 55.9%. #558dc8 color hex could be obtained by blending #aaffff with #001b91. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 78
-
- C 58
- M 30
- Y 0
- K 22
● #558dc8 color description : Moderate blue.
#558dc8 Color Conversion
The hexadecimal color #558dc8 has RGB values of R:85, G:141, B:200 and CMYK values of C:0.58, M:0.3, Y:0, K:0.22. Its decimal value is 5606856.
Hex triplet | 558dc8 | #558dc8 |
---|---|---|
RGB Decimal | 85, 141, 200 | rgb(85,141,200) |
RGB Percent | 33.3, 55.3, 78.4 | rgb(33.3%,55.3%,78.4%) |
CMYK | 58, 30, 0, 22 | |
HSL | 210.8°, 51.1, 55.9 | hsl(210.8,51.1%,55.9%) |
HSV (or HSB) | 210.8°, 57.5, 78.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.221, -0.927, -36.112 |
---|---|
XYZ | 23.694, 25.15, 58.246 |
xyY | 0.221, 0.235, 25.15 |
CIE-LCH | 57.221, 36.124, 268.53 |
CIE-LUV | 57.221, -24.701, -55.904 |
Hunter-Lab | 50.15, -3.426, -33.758 |
Binary | 01010101, 10001101, 11001000 |
Color Schemes with #558dc8
Alternatives to #558dc8
Below, you can see some colors close to #558dc8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558dc8 Preview
This text has a font color of #558dc8.
<span style="color:#558dc8;">Text here</span>
This paragraph has a background color of #558dc8.
<p style="background-color:#558dc8;">Content here</p>
This element has a border color of #558dc8.
<div style="border:1px solid #558dc8;">Content here</div>
.text {color:#558dc8;}
.background {background-color:#558dc8;}
.border {border:1px solid #558dc8;}
Shades and Tints of #558dc8
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, #030508 is the darkest color, while #f8fafd is the lightest one.
-
#030508
#030508
rgb(3,5,8)
-
#070f17
#070f17
rgb(7,15,23)
-
#0c1825
#0c1825
rgb(12,24,37)
-
#112234
#112234
rgb(17,34,52)
-
#162c43
#162c43
rgb(22,44,67)
-
#1b3652
#1b3652
rgb(27,54,82)
-
#1f3f61
#1f3f61
rgb(31,63,97)
-
#244970
#244970
rgb(36,73,112)
-
#29537e
#29537e
rgb(41,83,126)
-
#2e5c8d
#2e5c8d
rgb(46,92,141)
-
#32669c
#32669c
rgb(50,102,156)
-
#3770ab
#3770ab
rgb(55,112,171)
-
#3c79ba
#3c79ba
rgb(60,121,186)
-
#4683c3
#4683c3
rgb(70,131,195)
-
#558dc8
#558dc8
rgb(85,141,200)
-
#6497cd
#6497cd
rgb(100,151,205)
-
#73a1d2
#73a1d2
rgb(115,161,210)
-
#81abd6
#81abd6
rgb(129,171,214)
-
#90b5db
#90b5db
rgb(144,181,219)
-
#9fbfe0
#9fbfe0
rgb(159,191,224)
-
#aec9e5
#aec9e5
rgb(174,201,229)
-
#bdd3ea
#bdd3ea
rgb(189,211,234)
-
#ccddee
#ccddee
rgb(204,221,238)
-
#dae6f3
#dae6f3
rgb(218,230,243)
-
#e9f0f8
#e9f0f8
rgb(233,240,248)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #558dc8
A tone is produced by adding gray to any pure hue. In this case, #898e94 is the less saturated color, while #218cfc is the most saturated one.
-
#898e94
#898e94
rgb(137,142,148)
-
#808e9d
#808e9d
rgb(128,142,157)
-
#788ea5
#788ea5
rgb(120,142,165)
-
#6f8eae
#6f8eae
rgb(111,142,174)
-
#668db7
#668db7
rgb(102,141,183)
-
#5e8dbf
#5e8dbf
rgb(94,141,191)
-
#558dc8
#558dc8
rgb(85,141,200)
-
#4c8dd1
#4c8dd1
rgb(76,141,209)
-
#448dd9
#448dd9
rgb(68,141,217)
-
#3b8ce2
#3b8ce2
rgb(59,140,226)
-
#328ceb
#328ceb
rgb(50,140,235)
-
#2a8cf3
#2a8cf3
rgb(42,140,243)
-
#218cfc
#218cfc
rgb(33,140,252)
Color Blindness Simulator
Below, you can see how #558dc8 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.