#558ea8 Color Information
In a RGB color space, hex #558ea8 is composed of 33.3% red, 55.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 15.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 198.8 degrees, a saturation of 32.8% and a lightness of 49.6%. #558ea8 color hex could be obtained by blending #aaffff with #001d51. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 66
-
- C 49
- M 15
- Y 0
- K 34
● #558ea8 color description : Dark moderate blue.
#558ea8 Color Conversion
The hexadecimal color #558ea8 has RGB values of R:85, G:142, B:168 and CMYK values of C:0.49, M:0.15, Y:0, K:0.34. Its decimal value is 5607080.
Hex triplet | 558ea8 | #558ea8 |
---|---|---|
RGB Decimal | 85, 142, 168 | rgb(85,142,168) |
RGB Percent | 33.3, 55.7, 65.9 | rgb(33.3%,55.7%,65.9%) |
CMYK | 49, 15, 0, 34 | |
HSL | 198.8°, 32.8, 49.6 | hsl(198.8,32.8%,49.6%) |
HSV (or HSB) | 198.8°, 49.4, 65.9 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.191, -11.386, -19.505 |
---|---|
XYZ | 20.485, 24.103, 40.617 |
xyY | 0.24, 0.283, 24.103 |
CIE-LCH | 56.191, 22.585, 239.725 |
CIE-LUV | 56.191, -25.727, -27.628 |
Hunter-Lab | 49.095, -11.435, -14.684 |
Binary | 01010101, 10001110, 10101000 |
Color Schemes with #558ea8
Alternatives to #558ea8
Below, you can see some colors close to #558ea8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ea8 Preview
This text has a font color of #558ea8.
<span style="color:#558ea8;">Text here</span>
This paragraph has a background color of #558ea8.
<p style="background-color:#558ea8;">Content here</p>
This element has a border color of #558ea8.
<div style="border:1px solid #558ea8;">Content here</div>
.text {color:#558ea8;}
.background {background-color:#558ea8;}
.border {border:1px solid #558ea8;}
Shades and Tints of #558ea8
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 #fefefe is the lightest one.
-
#060a0c
#060a0c
rgb(6,10,12)
-
#0d1519
#0d1519
rgb(13,21,25)
-
#132026
#132026
rgb(19,32,38)
-
#1a2b33
#1a2b33
rgb(26,43,51)
-
#203640
#203640
rgb(32,54,64)
-
#27414d
#27414d
rgb(39,65,77)
-
#2d4c5a
#2d4c5a
rgb(45,76,90)
-
#345767
#345767
rgb(52,87,103)
-
#3b6274
#3b6274
rgb(59,98,116)
-
#416d81
#416d81
rgb(65,109,129)
-
#48788e
#48788e
rgb(72,120,142)
-
#4e839b
#4e839b
rgb(78,131,155)
-
#558ea8
#558ea8
rgb(85,142,168)
-
#6197af
#6197af
rgb(97,151,175)
-
#6e9fb6
#6e9fb6
rgb(110,159,182)
-
#7ba8bc
#7ba8bc
rgb(123,168,188)
-
#88b1c3
#88b1c3
rgb(136,177,195)
-
#95b9ca
#95b9ca
rgb(149,185,202)
-
#a2c2d0
#a2c2d0
rgb(162,194,208)
-
#b0cad7
#b0cad7
rgb(176,202,215)
-
#bdd3dd
#bdd3dd
rgb(189,211,221)
-
#cadce4
#cadce4
rgb(202,220,228)
-
#d7e4eb
#d7e4eb
rgb(215,228,235)
-
#e4edf1
#e4edf1
rgb(228,237,241)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #558ea8
A tone is produced by adding gray to any pure hue. In this case, #7c7f81 is the less saturated color, while #07abf6 is the most saturated one.
-
#7c7f81
#7c7f81
rgb(124,127,129)
-
#72838b
#72838b
rgb(114,131,139)
-
#688795
#688795
rgb(104,135,149)
-
#5f8a9e
#5f8a9e
rgb(95,138,158)
-
#558ea8
#558ea8
rgb(85,142,168)
-
#4b92b2
#4b92b2
rgb(75,146,178)
-
#4295bb
#4295bb
rgb(66,149,187)
-
#3899c5
#3899c5
rgb(56,153,197)
-
#2e9dcf
#2e9dcf
rgb(46,157,207)
-
#24a0d9
#24a0d9
rgb(36,160,217)
-
#1ba4e2
#1ba4e2
rgb(27,164,226)
-
#11a7ec
#11a7ec
rgb(17,167,236)
-
#07abf6
#07abf6
rgb(7,171,246)
Color Blindness Simulator
Below, you can see how #558ea8 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.