#558fa6 Color Information
In a RGB color space, hex #558fa6 is composed of 33.3% red, 56.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 13.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 197 degrees, a saturation of 32.3% and a lightness of 49.2%. #558fa6 color hex could be obtained by blending #aaffff with #001f4d. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 65
-
- C 49
- M 14
- Y 0
- K 35
● #558fa6 color description : Dark moderate blue.
#558fa6 Color Conversion
The hexadecimal color #558fa6 has RGB values of R:85, G:143, B:166 and CMYK values of C:0.49, M:0.14, Y:0, K:0.35. Its decimal value is 5607334.
Hex triplet | 558fa6 | #558fa6 |
---|---|---|
RGB Decimal | 85, 143, 166 | rgb(85,143,166) |
RGB Percent | 33.3, 56.1, 65.1 | rgb(33.3%,56.1%,65.1%) |
CMYK | 49, 14, 0, 35 | |
HSL | 197°, 32.3, 49.2 | hsl(197,32.3%,49.2%) |
HSV (or HSB) | 197°, 48.8, 65.1 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.415, -12.524, -18.018 |
---|---|
XYZ | 20.45, 24.328, 39.692 |
xyY | 0.242, 0.288, 24.328 |
CIE-LCH | 56.415, 21.944, 235.198 |
CIE-LUV | 56.415, -26.17, -25.15 |
Hunter-Lab | 49.324, -12.309, -13.186 |
Binary | 01010101, 10001111, 10100110 |
Color Schemes with #558fa6
Alternatives to #558fa6
Below, you can see some colors close to #558fa6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558fa6 Preview
This text has a font color of #558fa6.
<span style="color:#558fa6;">Text here</span>
This paragraph has a background color of #558fa6.
<p style="background-color:#558fa6;">Content here</p>
This element has a border color of #558fa6.
<div style="border:1px solid #558fa6;">Content here</div>
.text {color:#558fa6;}
.background {background-color:#558fa6;}
.border {border:1px solid #558fa6;}
Shades and Tints of #558fa6
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, #05090a is the darkest color, while #fcfdfe is the lightest one.
-
#05090a
#05090a
rgb(5,9,10)
-
#0c1417
#0c1417
rgb(12,20,23)
-
#131f24
#131f24
rgb(19,31,36)
-
#192a31
#192a31
rgb(25,42,49)
-
#20363e
#20363e
rgb(32,54,62)
-
#27414b
#27414b
rgb(39,65,75)
-
#2d4c58
#2d4c58
rgb(45,76,88)
-
#345765
#345765
rgb(52,87,101)
-
#3a6272
#3a6272
rgb(58,98,114)
-
#416d7f
#416d7f
rgb(65,109,127)
-
#48798c
#48798c
rgb(72,121,140)
-
#4e8499
#4e8499
rgb(78,132,153)
-
#558fa6
#558fa6
rgb(85,143,166)
-
#6198ae
#6198ae
rgb(97,152,174)
-
#6ea0b5
#6ea0b5
rgb(110,160,181)
-
#7ba9bb
#7ba9bb
rgb(123,169,187)
-
#88b1c2
#88b1c2
rgb(136,177,194)
-
#95bac9
#95bac9
rgb(149,186,201)
-
#a2c2cf
#a2c2cf
rgb(162,194,207)
-
#afcbd6
#afcbd6
rgb(175,203,214)
-
#bbd3dc
#bbd3dc
rgb(187,211,220)
-
#c8dce3
#c8dce3
rgb(200,220,227)
-
#d5e4ea
#d5e4ea
rgb(213,228,234)
-
#e2ecf0
#e2ecf0
rgb(226,236,240)
-
#eff5f7
#eff5f7
rgb(239,245,247)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #558fa6
A tone is produced by adding gray to any pure hue. In this case, #7c7e7f is the less saturated color, while #08b0f3 is the most saturated one.
-
#7c7e7f
#7c7e7f
rgb(124,126,127)
-
#728289
#728289
rgb(114,130,137)
-
#688793
#688793
rgb(104,135,147)
-
#5f8b9c
#5f8b9c
rgb(95,139,156)
-
#558fa6
#558fa6
rgb(85,143,166)
-
#4b93b0
#4b93b0
rgb(75,147,176)
-
#4297b9
#4297b9
rgb(66,151,185)
-
#389cc3
#389cc3
rgb(56,156,195)
-
#2ea0cd
#2ea0cd
rgb(46,160,205)
-
#25a4d6
#25a4d6
rgb(37,164,214)
-
#1ba8e0
#1ba8e0
rgb(27,168,224)
-
#11acea
#11acea
rgb(17,172,234)
-
#08b0f3
#08b0f3
rgb(8,176,243)
Color Blindness Simulator
Below, you can see how #558fa6 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.