#558c93 Color Information
In a RGB color space, hex #558c93 is composed of 33.3% red, 54.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 4.8% magenta, 0% yellow and 42.4% black. It has a hue angle of 186.8 degrees, a saturation of 26.7% and a lightness of 45.5%. #558c93 color hex could be obtained by blending #aaffff with #001927. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 58
-
- C 42
- M 5
- Y 0
- K 42
● #558c93 color description : Mostly desaturated dark cyan.
#558c93 Color Conversion
The hexadecimal color #558c93 has RGB values of R:85, G:140, B:147 and CMYK values of C:0.42, M:0.05, Y:0, K:0.42. Its decimal value is 5606547.
Hex triplet | 558c93 | #558c93 |
---|---|---|
RGB Decimal | 85, 140, 147 | rgb(85,140,147) |
RGB Percent | 33.3, 54.9, 57.6 | rgb(33.3%,54.9%,57.6%) |
CMYK | 42, 5, 0, 42 | |
HSL | 186.8°, 26.7, 45.5 | hsl(186.8,26.7%,45.5%) |
HSV (or HSB) | 186.8°, 42.2, 57.6 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.859, -16.237, -9.448 |
---|---|
XYZ | 18.389, 22.793, 31.033 |
xyY | 0.255, 0.316, 22.793 |
CIE-LCH | 54.859, 18.786, 210.196 |
CIE-LUV | 54.859, -25.387, -11.323 |
Hunter-Lab | 47.742, -14.793, -5.119 |
Binary | 01010101, 10001100, 10010011 |
Color Schemes with #558c93
Alternatives to #558c93
Below, you can see some colors close to #558c93. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558c93 Preview
This text has a font color of #558c93.
<span style="color:#558c93;">Text here</span>
This paragraph has a background color of #558c93.
<p style="background-color:#558c93;">Content here</p>
This element has a border color of #558c93.
<div style="border:1px solid #558c93;">Content here</div>
.text {color:#558c93;}
.background {background-color:#558c93;}
.border {border:1px solid #558c93;}
Shades and Tints of #558c93
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, #060a0a is the darkest color, while #fdfefe is the lightest one.
-
#060a0a
#060a0a
rgb(6,10,10)
-
#0d1617
#0d1617
rgb(13,22,23)
-
#142123
#142123
rgb(20,33,35)
-
#1c2d30
#1c2d30
rgb(28,45,48)
-
#23393c
#23393c
rgb(35,57,60)
-
#2a4548
#2a4548
rgb(42,69,72)
-
#315155
#315155
rgb(49,81,85)
-
#385d61
#385d61
rgb(56,93,97)
-
#3f686e
#3f686e
rgb(63,104,110)
-
#47747a
#47747a
rgb(71,116,122)
-
#4e8087
#4e8087
rgb(78,128,135)
-
#558c93
#558c93
rgb(85,140,147)
-
#5c989f
#5c989f
rgb(92,152,159)
-
#68a0a8
#68a0a8
rgb(104,160,168)
-
#74a8af
#74a8af
rgb(116,168,175)
-
#81b0b6
#81b0b6
rgb(129,176,182)
-
#8db8bd
#8db8bd
rgb(141,184,189)
-
#99bfc4
#99bfc4
rgb(153,191,196)
-
#a6c7cb
#a6c7cb
rgb(166,199,203)
-
#b2cfd3
#b2cfd3
rgb(178,207,211)
-
#bfd7da
#bfd7da
rgb(191,215,218)
-
#cbdfe1
#cbdfe1
rgb(203,223,225)
-
#d8e6e8
#d8e6e8
rgb(216,230,232)
-
#e4eeef
#e4eeef
rgb(228,238,239)
-
#f0f6f7
#f0f6f7
rgb(240,246,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #558c93
A tone is produced by adding gray to any pure hue. In this case, #707778 is the less saturated color, while #05cae3 is the most saturated one.
-
#707778
#707778
rgb(112,119,120)
-
#677e81
#677e81
rgb(103,126,129)
-
#5e858a
#5e858a
rgb(94,133,138)
-
#558c93
#558c93
rgb(85,140,147)
-
#4c939c
#4c939c
rgb(76,147,156)
-
#439aa5
#439aa5
rgb(67,154,165)
-
#3aa1ae
#3aa1ae
rgb(58,161,174)
-
#31a8b7
#31a8b7
rgb(49,168,183)
-
#28afc0
#28afc0
rgb(40,175,192)
-
#1fb5c9
#1fb5c9
rgb(31,181,201)
-
#17bcd1
#17bcd1
rgb(23,188,209)
-
#0ec3da
#0ec3da
rgb(14,195,218)
-
#05cae3
#05cae3
rgb(5,202,227)
Color Blindness Simulator
Below, you can see how #558c93 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.