#558ba8 Color Information
In a RGB color space, hex #558ba8 is composed of 33.3% red, 54.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 17.3% magenta, 0% yellow and 34.1% black. It has a hue angle of 201 degrees, a saturation of 32.8% and a lightness of 49.6%. #558ba8 color hex could be obtained by blending #aaffff with #001751. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 66
-
- C 49
- M 17
- Y 0
- K 34
● #558ba8 color description : Dark moderate blue.
#558ba8 Color Conversion
The hexadecimal color #558ba8 has RGB values of R:85, G:139, B:168 and CMYK values of C:0.49, M:0.17, Y:0, K:0.34. Its decimal value is 5606312.
Hex triplet | 558ba8 | #558ba8 |
---|---|---|
RGB Decimal | 85, 139, 168 | rgb(85,139,168) |
RGB Percent | 33.3, 54.5, 65.9 | rgb(33.3%,54.5%,65.9%) |
CMYK | 49, 17, 0, 34 | |
HSL | 201°, 32.8, 49.6 | hsl(201,32.8%,49.6%) |
HSV (or HSB) | 201°, 49.4, 65.9 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.301, -9.713, -20.866 |
---|---|
XYZ | 20.045, 23.223, 40.47 |
xyY | 0.239, 0.277, 23.223 |
CIE-LCH | 55.301, 23.016, 245.039 |
CIE-LUV | 55.301, -24.542, -29.92 |
Hunter-Lab | 48.19, -10.083, -16.059 |
Binary | 01010101, 10001011, 10101000 |
Color Schemes with #558ba8
Alternatives to #558ba8
Below, you can see some colors close to #558ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558ba8 Preview
This text has a font color of #558ba8.
<span style="color:#558ba8;">Text here</span>
This paragraph has a background color of #558ba8.
<p style="background-color:#558ba8;">Content here</p>
This element has a border color of #558ba8.
<div style="border:1px solid #558ba8;">Content here</div>
.text {color:#558ba8;}
.background {background-color:#558ba8;}
.border {border:1px solid #558ba8;}
Shades and Tints of #558ba8
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)
-
#0d1419
#0d1419
rgb(13,20,25)
-
#131f26
#131f26
rgb(19,31,38)
-
#1a2a33
#1a2a33
rgb(26,42,51)
-
#203540
#203540
rgb(32,53,64)
-
#27404d
#27404d
rgb(39,64,77)
-
#2d4a5a
#2d4a5a
rgb(45,74,90)
-
#345567
#345567
rgb(52,85,103)
-
#3b6074
#3b6074
rgb(59,96,116)
-
#416b81
#416b81
rgb(65,107,129)
-
#48758e
#48758e
rgb(72,117,142)
-
#4e809b
#4e809b
rgb(78,128,155)
-
#558ba8
#558ba8
rgb(85,139,168)
-
#6194af
#6194af
rgb(97,148,175)
-
#6e9db6
#6e9db6
rgb(110,157,182)
-
#7ba6bc
#7ba6bc
rgb(123,166,188)
-
#88afc3
#88afc3
rgb(136,175,195)
-
#95b7ca
#95b7ca
rgb(149,183,202)
-
#a2c0d0
#a2c0d0
rgb(162,192,208)
-
#b0c9d7
#b0c9d7
rgb(176,201,215)
-
#bdd2dd
#bdd2dd
rgb(189,210,221)
-
#cadbe4
#cadbe4
rgb(202,219,228)
-
#d7e4eb
#d7e4eb
rgb(215,228,235)
-
#e4ecf1
#e4ecf1
rgb(228,236,241)
-
#f1f5f8
#f1f5f8
rgb(241,245,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #558ba8
A tone is produced by adding gray to any pure hue. In this case, #7c7f81 is the less saturated color, while #07a2f6 is the most saturated one.
-
#7c7f81
#7c7f81
rgb(124,127,129)
-
#72828b
#72828b
rgb(114,130,139)
-
#688595
#688595
rgb(104,133,149)
-
#5f889e
#5f889e
rgb(95,136,158)
-
#558ba8
#558ba8
rgb(85,139,168)
-
#4b8eb2
#4b8eb2
rgb(75,142,178)
-
#4291bb
#4291bb
rgb(66,145,187)
-
#3894c5
#3894c5
rgb(56,148,197)
-
#2e97cf
#2e97cf
rgb(46,151,207)
-
#249ad9
#249ad9
rgb(36,154,217)
-
#1b9de2
#1b9de2
rgb(27,157,226)
-
#11a0ec
#11a0ec
rgb(17,160,236)
-
#07a2f6
#07a2f6
rgb(7,162,246)
Color Blindness Simulator
Below, you can see how #558ba8 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.