#558ddb Color Information
In a RGB color space, hex #558ddb is composed of 33.3% red, 55.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 35.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 214.9 degrees, a saturation of 65% and a lightness of 59.6%. #558ddb color hex could be obtained by blending #aaffff with #001bb7. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 86
-
- C 61
- M 36
- Y 0
- K 14
● #558ddb color description : Soft blue.
#558ddb Color Conversion
The hexadecimal color #558ddb has RGB values of R:85, G:141, B:219 and CMYK values of C:0.61, M:0.36, Y:0, K:0.14. Its decimal value is 5606875.
Hex triplet | 558ddb | #558ddb |
---|---|---|
RGB Decimal | 85, 141, 219 | rgb(85,141,219) |
RGB Percent | 33.3, 55.3, 85.9 | rgb(33.3%,55.3%,85.9%) |
CMYK | 61, 36, 0, 14 | |
HSL | 214.9°, 65, 59.6 | hsl(214.9,65%,59.6%) |
HSV (or HSB) | 214.9°, 61.2, 85.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.126, 5.293, -45.366 |
---|---|
XYZ | 26.054, 26.094, 70.678 |
xyY | 0.212, 0.212, 26.094 |
CIE-LCH | 58.126, 45.673, 276.654 |
CIE-LUV | 58.126, -24.394, -71.988 |
Hunter-Lab | 51.082, 1.65, -46.276 |
Binary | 01010101, 10001101, 11011011 |
Color Schemes with #558ddb
Alternatives to #558ddb
Below, you can see some colors close to #558ddb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ddb Preview
This text has a font color of #558ddb.
<span style="color:#558ddb;">Text here</span>
This paragraph has a background color of #558ddb.
<p style="background-color:#558ddb;">Content here</p>
This element has a border color of #558ddb.
<div style="border:1px solid #558ddb;">Content here</div>
.text {color:#558ddb;}
.background {background-color:#558ddb;}
.border {border:1px solid #558ddb;}
Shades and Tints of #558ddb
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)
-
#0c1f39
#0c1f39
rgb(12,31,57)
-
#0f2749
#0f2749
rgb(15,39,73)
-
#133059
#133059
rgb(19,48,89)
-
#163969
#163969
rgb(22,57,105)
-
#1a4279
#1a4279
rgb(26,66,121)
-
#1d4a8a
#1d4a8a
rgb(29,74,138)
-
#21539a
#21539a
rgb(33,83,154)
-
#245caa
#245caa
rgb(36,92,170)
-
#2765ba
#2765ba
rgb(39,101,186)
-
#2b6dca
#2b6dca
rgb(43,109,202)
-
#3577d4
#3577d4
rgb(53,119,212)
-
#4582d8
#4582d8
rgb(69,130,216)
-
#558ddb
#558ddb
rgb(85,141,219)
-
#6598de
#6598de
rgb(101,152,222)
-
#75a3e2
#75a3e2
rgb(117,163,226)
-
#86aee5
#86aee5
rgb(134,174,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 #558ddb
A tone is produced by adding gray to any pure hue. In this case, #94979c is the less saturated color, while #3588fb is the most saturated one.
-
#94979c
#94979c
rgb(148,151,156)
-
#8c96a4
#8c96a4
rgb(140,150,164)
-
#8595ab
#8595ab
rgb(133,149,171)
-
#7d94b3
#7d94b3
rgb(125,148,179)
-
#7592bb
#7592bb
rgb(117,146,187)
-
#6d91c3
#6d91c3
rgb(109,145,195)
-
#6590cb
#6590cb
rgb(101,144,203)
-
#5d8ed3
#5d8ed3
rgb(93,142,211)
-
#558ddb
#558ddb
rgb(85,141,219)
-
#4d8ce3
#4d8ce3
rgb(77,140,227)
-
#458aeb
#458aeb
rgb(69,138,235)
-
#3d89f3
#3d89f3
rgb(61,137,243)
-
#3588fb
#3588fb
rgb(53,136,251)
Color Blindness Simulator
Below, you can see how #558ddb 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.