#558b80 Color Information
In a RGB color space, hex #558b80 is composed of 33.3% red, 54.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 7.9% yellow and 45.5% black. It has a hue angle of 167.8 degrees, a saturation of 24.1% and a lightness of 43.9%. #558b80 color hex could be obtained by blending #aaffff with #001701. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 50
-
- C 39
- M 0
- Y 8
- K 45
● #558b80 color description : Mostly desaturated dark cyan.
#558b80 Color Conversion
The hexadecimal color #558b80 has RGB values of R:85, G:139, B:128 and CMYK values of C:0.39, M:0, Y:0.08, K:0.45. Its decimal value is 5606272.
Hex triplet | 558b80 | #558b80 |
---|---|---|
RGB Decimal | 85, 139, 128 | rgb(85,139,128) |
RGB Percent | 33.3, 54.5, 50.2 | rgb(33.3%,54.5%,50.2%) |
CMYK | 39, 0, 8, 45 | |
HSL | 167.8°, 24.1, 43.9 | hsl(167.8,24.1%,43.9%) |
HSV (or HSB) | 167.8°, 38.8, 54.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 53.978, -20.615, 0.228 |
---|---|
XYZ | 16.874, 21.954, 23.769 |
xyY | 0.27, 0.351, 21.954 |
CIE-LCH | 53.978, 20.616, 179.367 |
CIE-LUV | 53.978, -25.381, 3.462 |
Hunter-Lab | 46.855, -17.713, 2.721 |
Binary | 01010101, 10001011, 10000000 |
Color Schemes with #558b80
Alternatives to #558b80
Below, you can see some colors close to #558b80. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558b80 Preview
This text has a font color of #558b80.
<span style="color:#558b80;">Text here</span>
This paragraph has a background color of #558b80.
<p style="background-color:#558b80;">Content here</p>
This element has a border color of #558b80.
<div style="border:1px solid #558b80;">Content here</div>
.text {color:#558b80;}
.background {background-color:#558b80;}
.border {border:1px solid #558b80;}
Shades and Tints of #558b80
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, #030505 is the darkest color, while #f8fbfa is the lightest one.
-
#030505
#030505
rgb(3,5,5)
-
#0b1110
#0b1110
rgb(11,17,16)
-
#121d1b
#121d1b
rgb(18,29,27)
-
#192a26
#192a26
rgb(25,42,38)
-
#213632
#213632
rgb(33,54,50)
-
#28423d
#28423d
rgb(40,66,61)
-
#304e48
#304e48
rgb(48,78,72)
-
#375a53
#375a53
rgb(55,90,83)
-
#3f665e
#3f665e
rgb(63,102,94)
-
#46736a
#46736a
rgb(70,115,106)
-
#4e7f75
#4e7f75
rgb(78,127,117)
-
#558b80
#558b80
rgb(85,139,128)
-
#5c978b
#5c978b
rgb(92,151,139)
-
#66a195
#66a195
rgb(102,161,149)
-
#72a99e
#72a99e
rgb(114,169,158)
-
#7eb0a6
#7eb0a6
rgb(126,176,166)
-
#8ab8ae
#8ab8ae
rgb(138,184,174)
-
#97bfb7
#97bfb7
rgb(151,191,183)
-
#a3c7bf
#a3c7bf
rgb(163,199,191)
-
#afcec8
#afcec8
rgb(175,206,200)
-
#bbd5d0
#bbd5d0
rgb(187,213,208)
-
#c7ddd8
#c7ddd8
rgb(199,221,216)
-
#d3e4e1
#d3e4e1
rgb(211,228,225)
-
#e0ece9
#e0ece9
rgb(224,236,233)
-
#ecf3f2
#ecf3f2
rgb(236,243,242)
-
#f8fbfa
#f8fbfa
rgb(248,251,250)
Tones of #558b80
A tone is produced by adding gray to any pure hue. In this case, #6f7171 is the less saturated color, while #07d9ae is the most saturated one.
-
#6f7171
#6f7171
rgb(111,113,113)
-
#667a76
#667a76
rgb(102,122,118)
-
#5e827b
#5e827b
rgb(94,130,123)
-
#558b80
#558b80
rgb(85,139,128)
-
#4c9485
#4c9485
rgb(76,148,133)
-
#449c8a
#449c8a
rgb(68,156,138)
-
#3ba58f
#3ba58f
rgb(59,165,143)
-
#33ad94
#33ad94
rgb(51,173,148)
-
#2ab69a
#2ab69a
rgb(42,182,154)
-
#21bf9f
#21bf9f
rgb(33,191,159)
-
#19c7a4
#19c7a4
rgb(25,199,164)
-
#10d0a9
#10d0a9
rgb(16,208,169)
-
#07d9ae
#07d9ae
rgb(7,217,174)
Color Blindness Simulator
Below, you can see how #558b80 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.