#558d9e Color Information
In a RGB color space, hex #558d9e is composed of 33.3% red, 55.3% green and 62% blue. Whereas in a CMYK color space, it is composed of 46.2% cyan, 10.8% magenta, 0% yellow and 38% black. It has a hue angle of 194 degrees, a saturation of 30% and a lightness of 47.6%. #558d9e color hex could be obtained by blending #aaffff with #001b3d. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 62
-
- C 46
- M 11
- Y 0
- K 38
● #558d9e color description : Dark moderate cyan.
#558d9e Color Conversion
The hexadecimal color #558d9e has RGB values of R:85, G:141, B:158 and CMYK values of C:0.46, M:0.11, Y:0, K:0.38. Its decimal value is 5606814.
Hex triplet | 558d9e | #558d9e |
---|---|---|
RGB Decimal | 85, 141, 158 | rgb(85,141,158) |
RGB Percent | 33.3, 55.3, 62 | rgb(33.3%,55.3%,62%) |
CMYK | 46, 11, 0, 38 | |
HSL | 194°, 30, 47.6 | hsl(194,30%,47.6%) |
HSV (or HSB) | 194°, 46.2, 62 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.531, -13.726, -14.771 |
---|---|
XYZ | 19.441, 23.449, 35.847 |
xyY | 0.247, 0.298, 23.449 |
CIE-LCH | 55.531, 20.164, 227.1 |
CIE-LUV | 55.531, -25.551, -19.847 |
Hunter-Lab | 48.424, -13.077, -9.995 |
Binary | 01010101, 10001101, 10011110 |
Color Schemes with #558d9e
Alternatives to #558d9e
Below, you can see some colors close to #558d9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558d9e Preview
This text has a font color of #558d9e.
<span style="color:#558d9e;">Text here</span>
This paragraph has a background color of #558d9e.
<p style="background-color:#558d9e;">Content here</p>
This element has a border color of #558d9e.
<div style="border:1px solid #558d9e;">Content here</div>
.text {color:#558d9e;}
.background {background-color:#558d9e;}
.border {border:1px solid #558d9e;}
Shades and Tints of #558d9e
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, #030405 is the darkest color, while #f7fafb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0a1012
#0a1012
rgb(10,16,18)
-
#101b1e
#101b1e
rgb(16,27,30)
-
#17272b
#17272b
rgb(23,39,43)
-
#1e3238
#1e3238
rgb(30,50,56)
-
#253d45
#253d45
rgb(37,61,69)
-
#2c4951
#2c4951
rgb(44,73,81)
-
#33545e
#33545e
rgb(51,84,94)
-
#3a5f6b
#3a5f6b
rgb(58,95,107)
-
#406b78
#406b78
rgb(64,107,120)
-
#477684
#477684
rgb(71,118,132)
-
#4e8291
#4e8291
rgb(78,130,145)
-
#558d9e
#558d9e
rgb(85,141,158)
-
#5e97a8
#5e97a8
rgb(94,151,168)
-
#6b9faf
#6b9faf
rgb(107,159,175)
-
#78a8b6
#78a8b6
rgb(120,168,182)
-
#84b0bd
#84b0bd
rgb(132,176,189)
-
#91b8c4
#91b8c4
rgb(145,184,196)
-
#9ec0cb
#9ec0cb
rgb(158,192,203)
-
#abc9d2
#abc9d2
rgb(171,201,210)
-
#b7d1d8
#b7d1d8
rgb(183,209,216)
-
#c4d9df
#c4d9df
rgb(196,217,223)
-
#d1e1e6
#d1e1e6
rgb(209,225,230)
-
#dee9ed
#dee9ed
rgb(222,233,237)
-
#eaf2f4
#eaf2f4
rgb(234,242,244)
-
#f7fafb
#f7fafb
rgb(247,250,251)
Tones of #558d9e
A tone is produced by adding gray to any pure hue. In this case, #717e82 is the less saturated color, while #01baf2 is the most saturated one.
-
#717e82
#717e82
rgb(113,126,130)
-
#68838b
#68838b
rgb(104,131,139)
-
#5e8895
#5e8895
rgb(94,136,149)
-
#558d9e
#558d9e
rgb(85,141,158)
-
#4c92a7
#4c92a7
rgb(76,146,167)
-
#4297b1
#4297b1
rgb(66,151,177)
-
#399cba
#399cba
rgb(57,156,186)
-
#30a1c3
#30a1c3
rgb(48,161,195)
-
#26a6cd
#26a6cd
rgb(38,166,205)
-
#1dabd6
#1dabd6
rgb(29,171,214)
-
#14b0df
#14b0df
rgb(20,176,223)
-
#0ab5e9
#0ab5e9
rgb(10,181,233)
-
#01baf2
#01baf2
rgb(1,186,242)
Color Blindness Simulator
Below, you can see how #558d9e 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.