#558ca9 Color Information
In a RGB color space, hex #558ca9 is composed of 33.3% red, 54.9% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 17.2% magenta, 0% yellow and 33.7% black. It has a hue angle of 200.7 degrees, a saturation of 33.1% and a lightness of 49.8%. #558ca9 color hex could be obtained by blending #aaffff with #001953. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 66
-
- C 50
- M 17
- Y 0
- K 34
● #558ca9 color description : Dark moderate blue.
#558ca9 Color Conversion
The hexadecimal color #558ca9 has RGB values of R:85, G:140, B:169 and CMYK values of C:0.5, M:0.17, Y:0, K:0.34. Its decimal value is 5606569.
Hex triplet | 558ca9 | #558ca9 |
---|---|---|
RGB Decimal | 85, 140, 169 | rgb(85,140,169) |
RGB Percent | 33.3, 54.9, 66.3 | rgb(33.3%,54.9%,66.3%) |
CMYK | 50, 17, 0, 34 | |
HSL | 200.7°, 33.1, 49.8 | hsl(200.7,33.1%,49.8%) |
HSV (or HSB) | 200.7°, 49.7, 66.3 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.635, -9.976, -20.927 |
---|---|
XYZ | 20.284, 23.551, 41.011 |
xyY | 0.239, 0.278, 23.551 |
CIE-LCH | 55.635, 23.183, 244.512 |
CIE-LUV | 55.635, -24.916, -30.016 |
Hunter-Lab | 48.529, -10.317, -16.134 |
Binary | 01010101, 10001100, 10101001 |
Color Schemes with #558ca9
Alternatives to #558ca9
Below, you can see some colors close to #558ca9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ca9 Preview
This text has a font color of #558ca9.
<span style="color:#558ca9;">Text here</span>
This paragraph has a background color of #558ca9.
<p style="background-color:#558ca9;">Content here</p>
This element has a border color of #558ca9.
<div style="border:1px solid #558ca9;">Content here</div>
.text {color:#558ca9;}
.background {background-color:#558ca9;}
.border {border:1px solid #558ca9;}
Shades and Tints of #558ca9
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, #060a0c is the darkest color, while #feffff is the lightest one.
-
#060a0c
#060a0c
rgb(6,10,12)
-
#0d1519
#0d1519
rgb(13,21,25)
-
#132026
#132026
rgb(19,32,38)
-
#1a2b34
#1a2b34
rgb(26,43,52)
-
#203641
#203641
rgb(32,54,65)
-
#27404e
#27404e
rgb(39,64,78)
-
#2e4b5b
#2e4b5b
rgb(46,75,91)
-
#345668
#345668
rgb(52,86,104)
-
#3b6175
#3b6175
rgb(59,97,117)
-
#416c82
#416c82
rgb(65,108,130)
-
#48768f
#48768f
rgb(72,118,143)
-
#4e819c
#4e819c
rgb(78,129,156)
-
#558ca9
#558ca9
rgb(85,140,169)
-
#6295b0
#6295b0
rgb(98,149,176)
-
#6f9eb6
#6f9eb6
rgb(111,158,182)
-
#7ca7bd
#7ca7bd
rgb(124,167,189)
-
#89afc4
#89afc4
rgb(137,175,196)
-
#96b8ca
#96b8ca
rgb(150,184,202)
-
#a3c1d1
#a3c1d1
rgb(163,193,209)
-
#b0cad7
#b0cad7
rgb(176,202,215)
-
#bdd3de
#bdd3de
rgb(189,211,222)
-
#cadbe4
#cadbe4
rgb(202,219,228)
-
#d7e4eb
#d7e4eb
rgb(215,228,235)
-
#e4edf2
#e4edf2
rgb(228,237,242)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #558ca9
A tone is produced by adding gray to any pure hue. In this case, #7c8082 is the less saturated color, while #07a4f7 is the most saturated one.
-
#7c8082
#7c8082
rgb(124,128,130)
-
#72838c
#72838c
rgb(114,131,140)
-
#698695
#698695
rgb(105,134,149)
-
#5f899f
#5f899f
rgb(95,137,159)
-
#558ca9
#558ca9
rgb(85,140,169)
-
#4b8fb3
#4b8fb3
rgb(75,143,179)
-
#4192bd
#4192bd
rgb(65,146,189)
-
#3895c6
#3895c6
rgb(56,149,198)
-
#2e98d0
#2e98d0
rgb(46,152,208)
-
#249bda
#249bda
rgb(36,155,218)
-
#1a9ee4
#1a9ee4
rgb(26,158,228)
-
#11a1ed
#11a1ed
rgb(17,161,237)
-
#07a4f7
#07a4f7
rgb(7,164,247)
Color Blindness Simulator
Below, you can see how #558ca9 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.