#558380 Color Information
In a RGB color space, hex #558380 is composed of 33.3% red, 51.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 35.1% cyan, 0% magenta, 2.3% yellow and 48.6% black. It has a hue angle of 176.1 degrees, a saturation of 21.3% and a lightness of 42.4%. #558380 color hex could be obtained by blending #aaffff with #000701. Closest websafe color is: #669999.
-
- R 33
- G 51
- B 50
-
- C 35
- M 0
- Y 2
- K 49
● #558380 color description : Mostly desaturated dark cyan.
#558380 Color Conversion
The hexadecimal color #558380 has RGB values of R:85, G:131, B:128 and CMYK values of C:0.35, M:0, Y:0.02, K:0.49. Its decimal value is 5604224.
Hex triplet | 558380 | #558380 |
---|---|---|
RGB Decimal | 85, 131, 128 | rgb(85,131,128) |
RGB Percent | 33.3, 51.4, 50.2 | rgb(33.3%,51.4%,50.2%) |
CMYK | 35, 0, 2, 49 | |
HSL | 176.1°, 21.3, 42.4 | hsl(176.1,21.3%,42.4%) |
HSV (or HSB) | 176.1°, 35.1, 51.4 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 51.521, -16.362, -3.377 |
---|---|
XYZ | 15.758, 19.722, 23.397 |
xyY | 0.268, 0.335, 19.722 |
CIE-LCH | 51.521, 16.706, 191.663 |
CIE-LUV | 51.521, -21.927, -2.288 |
Hunter-Lab | 44.409, -14.378, -0.151 |
Binary | 01010101, 10000011, 10000000 |
Color Schemes with #558380
Alternatives to #558380
Below, you can see some colors close to #558380. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558380 Preview
This text has a font color of #558380.
<span style="color:#558380;">Text here</span>
This paragraph has a background color of #558380.
<p style="background-color:#558380;">Content here</p>
This element has a border color of #558380.
<div style="border:1px solid #558380;">Content here</div>
.text {color:#558380;}
.background {background-color:#558380;}
.border {border:1px solid #558380;}
Shades and Tints of #558380
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 #f3f7f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#080c0c
#080c0c
rgb(8,12,12)
-
#101817
#101817
rgb(16,24,23)
-
#172423
#172423
rgb(23,36,35)
-
#1f302f
#1f302f
rgb(31,48,47)
-
#273c3a
#273c3a
rgb(39,60,58)
-
#2e4846
#2e4846
rgb(46,72,70)
-
#365352
#365352
rgb(54,83,82)
-
#3e5f5d
#3e5f5d
rgb(62,95,93)
-
#466b69
#466b69
rgb(70,107,105)
-
#4d7774
#4d7774
rgb(77,119,116)
-
#558380
#558380
rgb(85,131,128)
-
#5d8f8c
#5d8f8c
rgb(93,143,140)
-
#649b97
#649b97
rgb(100,155,151)
-
#70a29f
#70a29f
rgb(112,162,159)
-
#7caaa7
#7caaa7
rgb(124,170,167)
-
#88b2af
#88b2af
rgb(136,178,175)
-
#94bab7
#94bab7
rgb(148,186,183)
-
#a0c1bf
#a0c1bf
rgb(160,193,191)
-
#acc9c7
#acc9c7
rgb(172,201,199)
-
#b8d1cf
#b8d1cf
rgb(184,209,207)
-
#c4d8d7
#c4d8d7
rgb(196,216,215)
-
#d0e0df
#d0e0df
rgb(208,224,223)
-
#dbe8e7
#dbe8e7
rgb(219,232,231)
-
#e7f0ef
#e7f0ef
rgb(231,240,239)
-
#f3f7f7
#f3f7f7
rgb(243,247,247)
Tones of #558380
A tone is produced by adding gray to any pure hue. In this case, #667272 is the less saturated color, while #02d6c8 is the most saturated one.
-
#667272
#667272
rgb(102,114,114)
-
#5d7b79
#5d7b79
rgb(93,123,121)
-
#558380
#558380
rgb(85,131,128)
-
#4d8b87
#4d8b87
rgb(77,139,135)
-
#44948e
#44948e
rgb(68,148,142)
-
#3c9c96
#3c9c96
rgb(60,156,150)
-
#34a49d
#34a49d
rgb(52,164,157)
-
#2bada4
#2bada4
rgb(43,173,164)
-
#23b5ab
#23b5ab
rgb(35,181,171)
-
#1bbdb3
#1bbdb3
rgb(27,189,179)
-
#13c5ba
#13c5ba
rgb(19,197,186)
-
#0acec1
#0acec1
rgb(10,206,193)
-
#02d6c8
#02d6c8
rgb(2,214,200)
Color Blindness Simulator
Below, you can see how #558380 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.