#558d97 Color Information
In a RGB color space, hex #558d97 is composed of 33.3% red, 55.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 6.6% magenta, 0% yellow and 40.8% black. It has a hue angle of 189.1 degrees, a saturation of 28% and a lightness of 46.3%. #558d97 color hex could be obtained by blending #aaffff with #001b2f. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 59
-
- C 44
- M 7
- Y 0
- K 41
● #558d97 color description : Mostly desaturated dark cyan.
#558d97 Color Conversion
The hexadecimal color #558d97 has RGB values of R:85, G:141, B:151 and CMYK values of C:0.44, M:0.07, Y:0, K:0.41. Its decimal value is 5606807.
Hex triplet | 558d97 | #558d97 |
---|---|---|
RGB Decimal | 85, 141, 151 | rgb(85,141,151) |
RGB Percent | 33.3, 55.3, 59.2 | rgb(33.3%,55.3%,59.2%) |
CMYK | 44, 7, 0, 41 | |
HSL | 189.1°, 28, 46.3 | hsl(189.1,28%,46.3%) |
HSV (or HSB) | 189.1°, 43.7, 59.2 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.292, -15.684, -11.103 |
---|---|
XYZ | 18.856, 23.214, 32.764 |
xyY | 0.252, 0.31, 23.214 |
CIE-LCH | 55.292, 19.216, 215.297 |
CIE-LUV | 55.292, -25.709, -13.927 |
Hunter-Lab | 48.181, -14.462, -6.591 |
Binary | 01010101, 10001101, 10010111 |
Color Schemes with #558d97
Alternatives to #558d97
Below, you can see some colors close to #558d97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558d97 Preview
This text has a font color of #558d97.
<span style="color:#558d97;">Text here</span>
This paragraph has a background color of #558d97.
<p style="background-color:#558d97;">Content here</p>
This element has a border color of #558d97.
<div style="border:1px solid #558d97;">Content here</div>
.text {color:#558d97;}
.background {background-color:#558d97;}
.border {border:1px solid #558d97;}
Shades and Tints of #558d97
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, #000000 is the darkest color, while #f3f7f8 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#070c0d
#070c0d
rgb(7,12,13)
-
#0e1819
#0e1819
rgb(14,24,25)
-
#152426
#152426
rgb(21,36,38)
-
#1c2f33
#1c2f33
rgb(28,47,51)
-
#243b3f
#243b3f
rgb(36,59,63)
-
#2b474c
#2b474c
rgb(43,71,76)
-
#325258
#325258
rgb(50,82,88)
-
#395e65
#395e65
rgb(57,94,101)
-
#406a71
#406a71
rgb(64,106,113)
-
#47767e
#47767e
rgb(71,118,126)
-
#4e818a
#4e818a
rgb(78,129,138)
-
#558d97
#558d97
rgb(85,141,151)
-
#5c99a3
#5c99a3
rgb(92,153,163)
-
#69a0aa
#69a0aa
rgb(105,160,170)
-
#75a8b2
#75a8b2
rgb(117,168,178)
-
#82b0b9
#82b0b9
rgb(130,176,185)
-
#8eb8c0
#8eb8c0
rgb(142,184,192)
-
#9bc0c7
#9bc0c7
rgb(155,192,199)
-
#a8c8ce
#a8c8ce
rgb(168,200,206)
-
#b4d0d5
#b4d0d5
rgb(180,208,213)
-
#c1d8dc
#c1d8dc
rgb(193,216,220)
-
#cde0e3
#cde0e3
rgb(205,224,227)
-
#dae8ea
#dae8ea
rgb(218,232,234)
-
#e6eff1
#e6eff1
rgb(230,239,241)
-
#f3f7f8
#f3f7f8
rgb(243,247,248)
Tones of #558d97
A tone is produced by adding gray to any pure hue. In this case, #707a7c is the less saturated color, while #03c6e9 is the most saturated one.
-
#707a7c
#707a7c
rgb(112,122,124)
-
#678085
#678085
rgb(103,128,133)
-
#5e878e
#5e878e
rgb(94,135,142)
-
#558d97
#558d97
rgb(85,141,151)
-
#4c93a0
#4c93a0
rgb(76,147,160)
-
#439aa9
#439aa9
rgb(67,154,169)
-
#3aa0b2
#3aa0b2
rgb(58,160,178)
-
#31a6bb
#31a6bb
rgb(49,166,187)
-
#28adc4
#28adc4
rgb(40,173,196)
-
#1fb3cd
#1fb3cd
rgb(31,179,205)
-
#15b9d7
#15b9d7
rgb(21,185,215)
-
#0cc0e0
#0cc0e0
rgb(12,192,224)
-
#03c6e9
#03c6e9
rgb(3,198,233)
Color Blindness Simulator
Below, you can see how #558d97 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.