#558d9a Color Information
In a RGB color space, hex #558d9a is composed of 33.3% red, 55.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 8.4% magenta, 0% yellow and 39.6% black. It has a hue angle of 191.3 degrees, a saturation of 28.9% and a lightness of 46.9%. #558d9a color hex could be obtained by blending #aaffff with #001b35. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 60
-
- C 45
- M 8
- Y 0
- K 40
● #558d9a color description : Mostly desaturated dark cyan.
#558d9a Color Conversion
The hexadecimal color #558d9a has RGB values of R:85, G:141, B:154 and CMYK values of C:0.45, M:0.08, Y:0, K:0.4. Its decimal value is 5606810.
Hex triplet | 558d9a | #558d9a |
---|---|---|
RGB Decimal | 85, 141, 154 | rgb(85,141,154) |
RGB Percent | 33.3, 55.3, 60.4 | rgb(33.3%,55.3%,60.4%) |
CMYK | 45, 8, 0, 40 | |
HSL | 191.3°, 28.9, 46.9 | hsl(191.3,28.9%,46.9%) |
HSV (or HSB) | 191.3°, 44.8, 60.4 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.393, -14.852, -12.679 |
---|---|
XYZ | 19.102, 23.313, 34.063 |
xyY | 0.25, 0.305, 23.313 |
CIE-LCH | 55.393, 19.528, 220.486 |
CIE-LUV | 55.393, -25.641, -16.457 |
Hunter-Lab | 48.284, -13.876, -8.03 |
Binary | 01010101, 10001101, 10011010 |
Color Schemes with #558d9a
Alternatives to #558d9a
Below, you can see some colors close to #558d9a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558d9a Preview
This text has a font color of #558d9a.
<span style="color:#558d9a;">Text here</span>
This paragraph has a background color of #558d9a.
<p style="background-color:#558d9a;">Content here</p>
This element has a border color of #558d9a.
<div style="border:1px solid #558d9a;">Content here</div>
.text {color:#558d9a;}
.background {background-color:#558d9a;}
.border {border:1px solid #558d9a;}
Shades and Tints of #558d9a
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, #010202 is the darkest color, while #f5f8f9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080e0f
#080e0f
rgb(8,14,15)
-
#0f191c
#0f191c
rgb(15,25,28)
-
#162528
#162528
rgb(22,37,40)
-
#1d3035
#1d3035
rgb(29,48,53)
-
#243c42
#243c42
rgb(36,60,66)
-
#2b484e
#2b484e
rgb(43,72,78)
-
#32535b
#32535b
rgb(50,83,91)
-
#395f67
#395f67
rgb(57,95,103)
-
#406a74
#406a74
rgb(64,106,116)
-
#477681
#477681
rgb(71,118,129)
-
#4e818d
#4e818d
rgb(78,129,141)
-
#558d9a
#558d9a
rgb(85,141,154)
-
#5d98a6
#5d98a6
rgb(93,152,166)
-
#6aa0ad
#6aa0ad
rgb(106,160,173)
-
#76a8b4
#76a8b4
rgb(118,168,180)
-
#83b0bb
#83b0bb
rgb(131,176,187)
-
#90b8c2
#90b8c2
rgb(144,184,194)
-
#9cc0c8
#9cc0c8
rgb(156,192,200)
-
#a9c8cf
#a9c8cf
rgb(169,200,207)
-
#b5d0d6
#b5d0d6
rgb(181,208,214)
-
#c2d8dd
#c2d8dd
rgb(194,216,221)
-
#cfe0e4
#cfe0e4
rgb(207,224,228)
-
#dbe8eb
#dbe8eb
rgb(219,232,235)
-
#e8f0f2
#e8f0f2
rgb(232,240,242)
-
#f5f8f9
#f5f8f9
rgb(245,248,249)
Tones of #558d9a
A tone is produced by adding gray to any pure hue. In this case, #717c7e is the less saturated color, while #02c1ed is the most saturated one.
-
#717c7e
#717c7e
rgb(113,124,126)
-
#678288
#678288
rgb(103,130,136)
-
#5e8791
#5e8791
rgb(94,135,145)
-
#558d9a
#558d9a
rgb(85,141,154)
-
#4c93a3
#4c93a3
rgb(76,147,163)
-
#4398ac
#4398ac
rgb(67,152,172)
-
#399eb6
#399eb6
rgb(57,158,182)
-
#30a4bf
#30a4bf
rgb(48,164,191)
-
#27aac8
#27aac8
rgb(39,170,200)
-
#1eafd1
#1eafd1
rgb(30,175,209)
-
#15b5da
#15b5da
rgb(21,181,218)
-
#0bbbe4
#0bbbe4
rgb(11,187,228)
-
#02c1ed
#02c1ed
rgb(2,193,237)
Color Blindness Simulator
Below, you can see how #558d9a 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.