#558bb5 Color Information
In a RGB color space, hex #558bb5 is composed of 33.3% red, 54.5% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 23.2% magenta, 0% yellow and 29% black. It has a hue angle of 206.3 degrees, a saturation of 39.3% and a lightness of 52.2%. #558bb5 color hex could be obtained by blending #aaffff with #00176b. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 71
-
- C 53
- M 23
- Y 0
- K 29
● #558bb5 color description : Moderate blue.
#558bb5 Color Conversion
The hexadecimal color #558bb5 has RGB values of R:85, G:139, B:181 and CMYK values of C:0.53, M:0.23, Y:0, K:0.29. Its decimal value is 5606325.
Hex triplet | 558bb5 | #558bb5 |
---|---|---|
RGB Decimal | 85, 139, 181 | rgb(85,139,181) |
RGB Percent | 33.3, 54.5, 71 | rgb(33.3%,54.5%,71%) |
CMYK | 53, 23, 0, 29 | |
HSL | 206.3°, 39.3, 52.2 | hsl(206.3,39.3%,52.2%) |
HSV (or HSB) | 206.3°, 53, 71 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.818, -5.773, -27.509 |
---|---|
XYZ | 21.317, 23.731, 47.171 |
xyY | 0.231, 0.257, 23.731 |
CIE-LCH | 55.818, 28.109, 258.147 |
CIE-LUV | 55.818, -24.295, -41.108 |
Hunter-Lab | 48.715, -7.14, -23.31 |
Binary | 01010101, 10001011, 10110101 |
Color Schemes with #558bb5
Alternatives to #558bb5
Below, you can see some colors close to #558bb5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558bb5 Preview
This text has a font color of #558bb5.
<span style="color:#558bb5;">Text here</span>
This paragraph has a background color of #558bb5.
<p style="background-color:#558bb5;">Content here</p>
This element has a border color of #558bb5.
<div style="border:1px solid #558bb5;">Content here</div>
.text {color:#558bb5;}
.background {background-color:#558bb5;}
.border {border:1px solid #558bb5;}
Shades and Tints of #558bb5
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, #030608 is the darkest color, while #f9fbfc is the lightest one.
-
#030608
#030608
rgb(3,6,8)
-
#091015
#091015
rgb(9,16,21)
-
#0f1a23
#0f1a23
rgb(15,26,35)
-
#152531
#152531
rgb(21,37,49)
-
#1b2f3e
#1b2f3e
rgb(27,47,62)
-
#21394c
#21394c
rgb(33,57,76)
-
#27445a
#27445a
rgb(39,68,90)
-
#2d4e67
#2d4e67
rgb(45,78,103)
-
#335875
#335875
rgb(51,88,117)
-
#396283
#396283
rgb(57,98,131)
-
#3f6d90
#3f6d90
rgb(63,109,144)
-
#45779e
#45779e
rgb(69,119,158)
-
#4b81ac
#4b81ac
rgb(75,129,172)
-
#558bb5
#558bb5
rgb(85,139,181)
-
#6394bb
#6394bb
rgb(99,148,187)
-
#709ec1
#709ec1
rgb(112,158,193)
-
#7ea7c7
#7ea7c7
rgb(126,167,199)
-
#8cb0cd
#8cb0cd
rgb(140,176,205)
-
#99bad3
#99bad3
rgb(153,186,211)
-
#a7c3d9
#a7c3d9
rgb(167,195,217)
-
#b5ccdf
#b5ccdf
rgb(181,204,223)
-
#c2d6e5
#c2d6e5
rgb(194,214,229)
-
#d0dfeb
#d0dfeb
rgb(208,223,235)
-
#dee8f0
#dee8f0
rgb(222,232,240)
-
#ebf2f6
#ebf2f6
rgb(235,242,246)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #558bb5
A tone is produced by adding gray to any pure hue. In this case, #848586 is the less saturated color, while #1393f7 is the most saturated one.
-
#848586
#848586
rgb(132,133,134)
-
#7b868f
#7b868f
rgb(123,134,143)
-
#718799
#718799
rgb(113,135,153)
-
#6889a2
#6889a2
rgb(104,137,162)
-
#5e8aac
#5e8aac
rgb(94,138,172)
-
#558bb5
#558bb5
rgb(85,139,181)
-
#4c8cbe
#4c8cbe
rgb(76,140,190)
-
#428dc8
#428dc8
rgb(66,141,200)
-
#398fd1
#398fd1
rgb(57,143,209)
-
#2f90db
#2f90db
rgb(47,144,219)
-
#2691e4
#2691e4
rgb(38,145,228)
-
#1d92ed
#1d92ed
rgb(29,146,237)
-
#1393f7
#1393f7
rgb(19,147,247)
Color Blindness Simulator
Below, you can see how #558bb5 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.