#558fa8 Color Information
In a RGB color space, hex #558fa8 is composed of 33.3% red, 56.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 14.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 198.1 degrees, a saturation of 32.8% and a lightness of 49.6%. #558fa8 color hex could be obtained by blending #aaffff with #001f51. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 66
-
- C 49
- M 15
- Y 0
- K 34
● #558fa8 color description : Dark moderate blue.
#558fa8 Color Conversion
The hexadecimal color #558fa8 has RGB values of R:85, G:143, B:168 and CMYK values of C:0.49, M:0.15, Y:0, K:0.34. Its decimal value is 5607336.
Hex triplet | 558fa8 | #558fa8 |
---|---|---|
RGB Decimal | 85, 143, 168 | rgb(85,143,168) |
RGB Percent | 33.3, 56.1, 65.9 | rgb(33.3%,56.1%,65.9%) |
CMYK | 49, 15, 0, 34 | |
HSL | 198.1°, 32.8, 49.6 | hsl(198.1,32.8%,49.6%) |
HSV (or HSB) | 198.1°, 49.4, 65.9 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.488, -11.94, -19.051 |
---|---|
XYZ | 20.635, 24.402, 40.666 |
xyY | 0.241, 0.285, 24.402 |
CIE-LCH | 56.488, 22.483, 237.923 |
CIE-LUV | 56.488, -26.123, -26.863 |
Hunter-Lab | 49.399, -11.884, -14.23 |
Binary | 01010101, 10001111, 10101000 |
Color Schemes with #558fa8
Alternatives to #558fa8
Below, you can see some colors close to #558fa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558fa8 Preview
This text has a font color of #558fa8.
<span style="color:#558fa8;">Text here</span>
This paragraph has a background color of #558fa8.
<p style="background-color:#558fa8;">Content here</p>
This element has a border color of #558fa8.
<div style="border:1px solid #558fa8;">Content here</div>
.text {color:#558fa8;}
.background {background-color:#558fa8;}
.border {border:1px solid #558fa8;}
Shades and Tints of #558fa8
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)
-
#345867
#345867
rgb(52,88,103)
-
#3b6374
#3b6374
rgb(59,99,116)
-
#416e81
#416e81
rgb(65,110,129)
-
#48798e
#48798e
rgb(72,121,142)
-
#4e849b
#4e849b
rgb(78,132,155)
-
#558fa8
#558fa8
rgb(85,143,168)
-
#6198af
#6198af
rgb(97,152,175)
-
#6ea0b6
#6ea0b6
rgb(110,160,182)
-
#7ba9bc
#7ba9bc
rgb(123,169,188)
-
#88b1c3
#88b1c3
rgb(136,177,195)
-
#95baca
#95baca
rgb(149,186,202)
-
#a2c2d0
#a2c2d0
rgb(162,194,208)
-
#b0cbd7
#b0cbd7
rgb(176,203,215)
-
#bdd3dd
#bdd3dd
rgb(189,211,221)
-
#cadce4
#cadce4
rgb(202,220,228)
-
#d7e5eb
#d7e5eb
rgb(215,229,235)
-
#e4edf1
#e4edf1
rgb(228,237,241)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #558fa8
A tone is produced by adding gray to any pure hue. In this case, #7c8081 is the less saturated color, while #07aef6 is the most saturated one.
-
#7c8081
#7c8081
rgb(124,128,129)
-
#72838b
#72838b
rgb(114,131,139)
-
#688795
#688795
rgb(104,135,149)
-
#5f8b9e
#5f8b9e
rgb(95,139,158)
-
#558fa8
#558fa8
rgb(85,143,168)
-
#4b93b2
#4b93b2
rgb(75,147,178)
-
#4297bb
#4297bb
rgb(66,151,187)
-
#389bc5
#389bc5
rgb(56,155,197)
-
#2e9ecf
#2e9ecf
rgb(46,158,207)
-
#24a2d9
#24a2d9
rgb(36,162,217)
-
#1ba6e2
#1ba6e2
rgb(27,166,226)
-
#11aaec
#11aaec
rgb(17,170,236)
-
#07aef6
#07aef6
rgb(7,174,246)
Color Blindness Simulator
Below, you can see how #558fa8 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.