#558eaf Color Information
In a RGB color space, hex #558eaf is composed of 33.3% red, 55.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 18.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 202 degrees, a saturation of 36% and a lightness of 51%. #558eaf color hex could be obtained by blending #aaffff with #001d5f. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 69
-
- C 51
- M 19
- Y 0
- K 31
● #558eaf color description : Dark moderate blue.
#558eaf Color Conversion
The hexadecimal color #558eaf has RGB values of R:85, G:142, B:175 and CMYK values of C:0.51, M:0.19, Y:0, K:0.31. Its decimal value is 5607087.
Hex triplet | 558eaf | #558eaf |
---|---|---|
RGB Decimal | 85, 142, 175 | rgb(85,142,175) |
RGB Percent | 33.3, 55.7, 68.6 | rgb(33.3%,55.7%,68.6%) |
CMYK | 51, 19, 0, 31 | |
HSL | 202°, 36, 51 | hsl(202,36%,51%) |
HSV (or HSB) | 202°, 51.4, 68.6 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.458, -9.302, -23.098 |
---|---|
XYZ | 21.155, 24.371, 44.144 |
xyY | 0.236, 0.272, 24.371 |
CIE-LCH | 56.458, 24.901, 248.064 |
CIE-LUV | 56.458, -25.573, -33.645 |
Hunter-Lab | 49.367, -9.9, -18.46 |
Binary | 01010101, 10001110, 10101111 |
Color Schemes with #558eaf
Alternatives to #558eaf
Below, you can see some colors close to #558eaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558eaf Preview
This text has a font color of #558eaf.
<span style="color:#558eaf;">Text here</span>
This paragraph has a background color of #558eaf.
<p style="background-color:#558eaf;">Content here</p>
This element has a border color of #558eaf.
<div style="border:1px solid #558eaf;">Content here</div>
.text {color:#558eaf;}
.background {background-color:#558eaf;}
.border {border:1px solid #558eaf;}
Shades and Tints of #558eaf
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, #020303 is the darkest color, while #f5f8fa is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#080d11
#080d11
rgb(8,13,17)
-
#0e181e
#0e181e
rgb(14,24,30)
-
#14232b
#14232b
rgb(20,35,43)
-
#1b2e39
#1b2e39
rgb(27,46,57)
-
#213846
#213846
rgb(33,56,70)
-
#274353
#274353
rgb(39,67,83)
-
#2e4e61
#2e4e61
rgb(46,78,97)
-
#34596e
#34596e
rgb(52,89,110)
-
#3a637b
#3a637b
rgb(58,99,123)
-
#406e89
#406e89
rgb(64,110,137)
-
#477996
#477996
rgb(71,121,150)
-
#4d84a3
#4d84a3
rgb(77,132,163)
-
#558eaf
#558eaf
rgb(85,142,175)
-
#6297b5
#6297b5
rgb(98,151,181)
-
#70a0bc
#70a0bc
rgb(112,160,188)
-
#7da9c2
#7da9c2
rgb(125,169,194)
-
#8ab1c8
#8ab1c8
rgb(138,177,200)
-
#98bace
#98bace
rgb(152,186,206)
-
#a5c3d5
#a5c3d5
rgb(165,195,213)
-
#b2ccdb
#b2ccdb
rgb(178,204,219)
-
#c0d5e1
#c0d5e1
rgb(192,213,225)
-
#cddee7
#cddee7
rgb(205,222,231)
-
#dae7ee
#dae7ee
rgb(218,231,238)
-
#e8f0f4
#e8f0f4
rgb(232,240,244)
-
#f5f8fa
#f5f8fa
rgb(245,248,250)
Tones of #558eaf
A tone is produced by adding gray to any pure hue. In this case, #7b8489 is the less saturated color, while #08a3fc is the most saturated one.
-
#7b8489
#7b8489
rgb(123,132,137)
-
#728692
#728692
rgb(114,134,146)
-
#68899c
#68899c
rgb(104,137,156)
-
#5f8ba5
#5f8ba5
rgb(95,139,165)
-
#558eaf
#558eaf
rgb(85,142,175)
-
#4b91b9
#4b91b9
rgb(75,145,185)
-
#4293c2
#4293c2
rgb(66,147,194)
-
#3896cc
#3896cc
rgb(56,150,204)
-
#2f98d5
#2f98d5
rgb(47,152,213)
-
#259bdf
#259bdf
rgb(37,155,223)
-
#1b9de9
#1b9de9
rgb(27,157,233)
-
#12a0f2
#12a0f2
rgb(18,160,242)
-
#08a3fc
#08a3fc
rgb(8,163,252)
Color Blindness Simulator
Below, you can see how #558eaf 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.