#558fb0 Color Information
In a RGB color space, hex #558fb0 is composed of 33.3% red, 56.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 18.8% magenta, 0% yellow and 31% black. It has a hue angle of 201.8 degrees, a saturation of 36.5% and a lightness of 51.2%. #558fb0 color hex could be obtained by blending #aaffff with #001f61. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 69
-
- C 52
- M 19
- Y 0
- K 31
● #558fb0 color description : Dark moderate blue.
#558fb0 Color Conversion
The hexadecimal color #558fb0 has RGB values of R:85, G:143, B:176 and CMYK values of C:0.52, M:0.19, Y:0, K:0.31. Its decimal value is 5607344.
Hex triplet | 558fb0 | #558fb0 |
---|---|---|
RGB Decimal | 85, 143, 176 | rgb(85,143,176) |
RGB Percent | 33.3, 56.1, 69 | rgb(33.3%,56.1%,69%) |
CMYK | 52, 19, 0, 31 | |
HSL | 201.8°, 36.5, 51.2 | hsl(201.8,36.5%,51.2%) |
HSV (or HSB) | 201.8°, 51.7, 69 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.791, -9.561, -23.156 |
---|---|
XYZ | 21.403, 24.71, 44.713 |
xyY | 0.236, 0.272, 24.71 |
CIE-LCH | 56.791, 25.052, 247.564 |
CIE-LUV | 56.791, -25.939, -33.739 |
Hunter-Lab | 49.709, -10.133, -18.536 |
Binary | 01010101, 10001111, 10110000 |
Color Schemes with #558fb0
Alternatives to #558fb0
Below, you can see some colors close to #558fb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558fb0 Preview
This text has a font color of #558fb0.
<span style="color:#558fb0;">Text here</span>
This paragraph has a background color of #558fb0.
<p style="background-color:#558fb0;">Content here</p>
This element has a border color of #558fb0.
<div style="border:1px solid #558fb0;">Content here</div>
.text {color:#558fb0;}
.background {background-color:#558fb0;}
.border {border:1px solid #558fb0;}
Shades and Tints of #558fb0
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, #020304 is the darkest color, while #f6f9fb is the lightest one.
-
#020304
#020304
rgb(2,3,4)
-
#080e11
#080e11
rgb(8,14,17)
-
#0e191f
#0e191f
rgb(14,25,31)
-
#15242c
#15242c
rgb(21,36,44)
-
#1b2e3a
#1b2e3a
rgb(27,46,58)
-
#213947
#213947
rgb(33,57,71)
-
#274454
#274454
rgb(39,68,84)
-
#2d4f62
#2d4f62
rgb(45,79,98)
-
#345a6f
#345a6f
rgb(52,90,111)
-
#3a647d
#3a647d
rgb(58,100,125)
-
#406f8a
#406f8a
rgb(64,111,138)
-
#467a97
#467a97
rgb(70,122,151)
-
#4d85a5
#4d85a5
rgb(77,133,165)
-
#558fb0
#558fb0
rgb(85,143,176)
-
#6298b6
#6298b6
rgb(98,152,182)
-
#70a1bc
#70a1bc
rgb(112,161,188)
-
#7da9c3
#7da9c3
rgb(125,169,195)
-
#8bb2c9
#8bb2c9
rgb(139,178,201)
-
#98bbcf
#98bbcf
rgb(152,187,207)
-
#a5c4d5
#a5c4d5
rgb(165,196,213)
-
#b3cddc
#b3cddc
rgb(179,205,220)
-
#c0d6e2
#c0d6e2
rgb(192,214,226)
-
#cedee8
#cedee8
rgb(206,222,232)
-
#dbe7ee
#dbe7ee
rgb(219,231,238)
-
#e8f0f4
#e8f0f4
rgb(232,240,244)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #558fb0
A tone is produced by adding gray to any pure hue. In this case, #7b848a is the less saturated color, while #08a4fd is the most saturated one.
-
#7b848a
#7b848a
rgb(123,132,138)
-
#728793
#728793
rgb(114,135,147)
-
#688a9d
#688a9d
rgb(104,138,157)
-
#5f8ca6
#5f8ca6
rgb(95,140,166)
-
#558fb0
#558fb0
rgb(85,143,176)
-
#4b92ba
#4b92ba
rgb(75,146,186)
-
#4294c3
#4294c3
rgb(66,148,195)
-
#3897cd
#3897cd
rgb(56,151,205)
-
#2f9ad6
#2f9ad6
rgb(47,154,214)
-
#259ce0
#259ce0
rgb(37,156,224)
-
#1c9fe9
#1c9fe9
rgb(28,159,233)
-
#12a1f3
#12a1f3
rgb(18,161,243)
-
#08a4fd
#08a4fd
rgb(8,164,253)
Color Blindness Simulator
Below, you can see how #558fb0 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.