#558f78 Color Information
In a RGB color space, hex #558f78 is composed of 33.3% red, 56.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 16.1% yellow and 43.9% black. It has a hue angle of 156.2 degrees, a saturation of 25.4% and a lightness of 44.7%. #558f78 color hex could be obtained by blending #aafff0 with #001f00. Closest websafe color is: #669966.
-
- R 33
- G 56
- B 47
-
- C 41
- M 0
- Y 16
- K 44
● #558f78 color description : Mostly desaturated dark cyan - lime green.
#558f78 Color Conversion
The hexadecimal color #558f78 has RGB values of R:85, G:143, B:120 and CMYK values of C:0.41, M:0, Y:0.16, K:0.44. Its decimal value is 5607288.
Hex triplet | 558f78 | #558f78 |
---|---|---|
RGB Decimal | 85, 143, 120 | rgb(85,143,120) |
RGB Percent | 33.3, 56.1, 47.1 | rgb(33.3%,56.1%,47.1%) |
CMYK | 41, 0, 16, 44 | |
HSL | 156.2°, 25.4, 44.7 | hsl(156.2,25.4%,44.7%) |
HSV (or HSB) | 156.2°, 40.6, 56.1 | |
Web Safe | 669966 | #669966 |
CIE-LAB | 55.002, -24.561, 6.314 |
---|---|
XYZ | 16.958, 22.931, 21.301 |
xyY | 0.277, 0.375, 22.931 |
CIE-LCH | 55.002, 25.36, 165.584 |
CIE-LUV | 55.002, -27.294, 12.486 |
Hunter-Lab | 47.887, -20.59, 7.147 |
Binary | 01010101, 10001111, 01111000 |
Color Schemes with #558f78
Alternatives to #558f78
Below, you can see some colors close to #558f78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558f78 Preview
This text has a font color of #558f78.
<span style="color:#558f78;">Text here</span>
This paragraph has a background color of #558f78.
<p style="background-color:#558f78;">Content here</p>
This element has a border color of #558f78.
<div style="border:1px solid #558f78;">Content here</div>
.text {color:#558f78;}
.background {background-color:#558f78;}
.border {border:1px solid #558f78;}
Shades and Tints of #558f78
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, #050806 is the darkest color, while #fafcfc is the lightest one.
-
#050806
#050806
rgb(5,8,6)
-
#0c1411
#0c1411
rgb(12,20,17)
-
#13201b
#13201b
rgb(19,32,27)
-
#1a2d25
#1a2d25
rgb(26,45,37)
-
#223930
#223930
rgb(34,57,48)
-
#29453a
#29453a
rgb(41,69,58)
-
#305144
#305144
rgb(48,81,68)
-
#385e4f
#385e4f
rgb(56,94,79)
-
#3f6a59
#3f6a59
rgb(63,106,89)
-
#467663
#467663
rgb(70,118,99)
-
#4e836e
#4e836e
rgb(78,131,110)
-
#558f78
#558f78
rgb(85,143,120)
-
#5c9b82
#5c9b82
rgb(92,155,130)
-
#67a48c
#67a48c
rgb(103,164,140)
-
#73ac95
#73ac95
rgb(115,172,149)
-
#7fb39f
#7fb39f
rgb(127,179,159)
-
#8cbaa8
#8cbaa8
rgb(140,186,168)
-
#98c2b1
#98c2b1
rgb(152,194,177)
-
#a4c9ba
#a4c9ba
rgb(164,201,186)
-
#b1d0c4
#b1d0c4
rgb(177,208,196)
-
#bdd8cd
#bdd8cd
rgb(189,216,205)
-
#c9dfd6
#c9dfd6
rgb(201,223,214)
-
#d5e6e0
#d5e6e0
rgb(213,230,224)
-
#e2eee9
#e2eee9
rgb(226,238,233)
-
#eef5f2
#eef5f2
rgb(238,245,242)
-
#fafcfc
#fafcfc
rgb(250,252,252)
Tones of #558f78
A tone is produced by adding gray to any pure hue. In this case, #6f7573 is the less saturated color, while #06de88 is the most saturated one.
-
#6f7573
#6f7573
rgb(111,117,115)
-
#677d74
#677d74
rgb(103,125,116)
-
#5e8676
#5e8676
rgb(94,134,118)
-
#558f78
#558f78
rgb(85,143,120)
-
#4c987a
#4c987a
rgb(76,152,122)
-
#43a17c
#43a17c
rgb(67,161,124)
-
#3ba97d
#3ba97d
rgb(59,169,125)
-
#32b27f
#32b27f
rgb(50,178,127)
-
#29bb81
#29bb81
rgb(41,187,129)
-
#20c483
#20c483
rgb(32,196,131)
-
#18cc85
#18cc85
rgb(24,204,133)
-
#0fd587
#0fd587
rgb(15,213,135)
-
#06de88
#06de88
rgb(6,222,136)
Color Blindness Simulator
Below, you can see how #558f78 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.