#558cdb Color Information
In a RGB color space, hex #558cdb is composed of 33.3% red, 54.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 36.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 215.4 degrees, a saturation of 65% and a lightness of 59.6%. #558cdb color hex could be obtained by blending #aaffff with #0019b7. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 86
-
- C 61
- M 36
- Y 0
- K 14
● #558cdb color description : Soft blue.
#558cdb Color Conversion
The hexadecimal color #558cdb has RGB values of R:85, G:140, B:219 and CMYK values of C:0.61, M:0.36, Y:0, K:0.14. Its decimal value is 5606619.
Hex triplet | 558cdb | #558cdb |
---|---|---|
RGB Decimal | 85, 140, 219 | rgb(85,140,219) |
RGB Percent | 33.3, 54.9, 85.9 | rgb(33.3%,54.9%,85.9%) |
CMYK | 61, 36, 0, 14 | |
HSL | 215.4°, 65, 59.6 | hsl(215.4,65%,59.6%) |
HSV (or HSB) | 215.4°, 61.2, 85.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.847, 5.884, -45.807 |
---|---|
XYZ | 25.908, 25.8, 70.629 |
xyY | 0.212, 0.211, 25.8 |
CIE-LCH | 57.847, 46.183, 277.32 |
CIE-LUV | 57.847, -24.047, -72.713 |
Hunter-Lab | 50.794, 2.155, -46.886 |
Binary | 01010101, 10001100, 11011011 |
Color Schemes with #558cdb
Alternatives to #558cdb
Below, you can see some colors close to #558cdb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558cdb Preview
This text has a font color of #558cdb.
<span style="color:#558cdb;">Text here</span>
This paragraph has a background color of #558cdb.
<p style="background-color:#558cdb;">Content here</p>
This element has a border color of #558cdb.
<div style="border:1px solid #558cdb;">Content here</div>
.text {color:#558cdb;}
.background {background-color:#558cdb;}
.border {border:1px solid #558cdb;}
Shades and Tints of #558cdb
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, #020408 is the darkest color, while #f7fafd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#050d18
#050d18
rgb(5,13,24)
-
#091628
#091628
rgb(9,22,40)
-
#0c1e39
#0c1e39
rgb(12,30,57)
-
#0f2749
#0f2749
rgb(15,39,73)
-
#133059
#133059
rgb(19,48,89)
-
#163869
#163869
rgb(22,56,105)
-
#1a4179
#1a4179
rgb(26,65,121)
-
#1d4a8a
#1d4a8a
rgb(29,74,138)
-
#21529a
#21529a
rgb(33,82,154)
-
#245baa
#245baa
rgb(36,91,170)
-
#2764ba
#2764ba
rgb(39,100,186)
-
#2b6cca
#2b6cca
rgb(43,108,202)
-
#3576d4
#3576d4
rgb(53,118,212)
-
#4581d8
#4581d8
rgb(69,129,216)
-
#558cdb
#558cdb
rgb(85,140,219)
-
#6597de
#6597de
rgb(101,151,222)
-
#75a2e2
#75a2e2
rgb(117,162,226)
-
#86ade5
#86ade5
rgb(134,173,229)
-
#96b8e9
#96b8e9
rgb(150,184,233)
-
#a6c3ec
#a6c3ec
rgb(166,195,236)
-
#b6cef0
#b6cef0
rgb(182,206,240)
-
#c6d9f3
#c6d9f3
rgb(198,217,243)
-
#d6e4f6
#d6e4f6
rgb(214,228,246)
-
#e7effa
#e7effa
rgb(231,239,250)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #558cdb
A tone is produced by adding gray to any pure hue. In this case, #94979c is the less saturated color, while #3586fb is the most saturated one.
-
#94979c
#94979c
rgb(148,151,156)
-
#8c96a4
#8c96a4
rgb(140,150,164)
-
#8595ab
#8595ab
rgb(133,149,171)
-
#7d93b3
#7d93b3
rgb(125,147,179)
-
#7592bb
#7592bb
rgb(117,146,187)
-
#6d90c3
#6d90c3
rgb(109,144,195)
-
#658fcb
#658fcb
rgb(101,143,203)
-
#5d8dd3
#5d8dd3
rgb(93,141,211)
-
#558cdb
#558cdb
rgb(85,140,219)
-
#4d8be3
#4d8be3
rgb(77,139,227)
-
#4589eb
#4589eb
rgb(69,137,235)
-
#3d88f3
#3d88f3
rgb(61,136,243)
-
#3586fb
#3586fb
rgb(53,134,251)
Color Blindness Simulator
Below, you can see how #558cdb 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.