#558f77 Color Information
In a RGB color space, hex #558f77 is composed of 33.3% red, 56.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 16.8% yellow and 43.9% black. It has a hue angle of 155.2 degrees, a saturation of 25.4% and a lightness of 44.7%. #558f77 color hex could be obtained by blending #aaffee with #001f00. Closest websafe color is: #669966.
-
- R 33
- G 56
- B 47
-
- C 41
- M 0
- Y 17
- K 44
● #558f77 color description : Mostly desaturated dark cyan - lime green.
#558f77 Color Conversion
The hexadecimal color #558f77 has RGB values of R:85, G:143, B:119 and CMYK values of C:0.41, M:0, Y:0.17, K:0.44. Its decimal value is 5607287.
Hex triplet | 558f77 | #558f77 |
---|---|---|
RGB Decimal | 85, 143, 119 | rgb(85,143,119) |
RGB Percent | 33.3, 56.1, 46.7 | rgb(33.3%,56.1%,46.7%) |
CMYK | 41, 0, 17, 44 | |
HSL | 155.2°, 25.4, 44.7 | hsl(155.2,25.4%,44.7%) |
HSV (or HSB) | 155.2°, 40.6, 56.1 | |
Web Safe | 669966 | #669966 |
CIE-LAB | 54.977, -24.788, 6.851 |
---|---|
XYZ | 16.898, 22.907, 20.983 |
xyY | 0.278, 0.377, 22.907 |
CIE-LCH | 54.977, 25.717, 164.549 |
CIE-LUV | 54.977, -27.318, 13.242 |
Hunter-Lab | 47.861, -20.738, 7.51 |
Binary | 01010101, 10001111, 01110111 |
Color Schemes with #558f77
Alternatives to #558f77
Below, you can see some colors close to #558f77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558f77 Preview
This text has a font color of #558f77.
<span style="color:#558f77;">Text here</span>
This paragraph has a background color of #558f77.
<p style="background-color:#558f77;">Content here</p>
This element has a border color of #558f77.
<div style="border:1px solid #558f77;">Content here</div>
.text {color:#558f77;}
.background {background-color:#558f77;}
.border {border:1px solid #558f77;}
Shades and Tints of #558f77
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 #fafcfb 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)
-
#22392f
#22392f
rgb(34,57,47)
-
#29453a
#29453a
rgb(41,69,58)
-
#305144
#305144
rgb(48,81,68)
-
#385e4e
#385e4e
rgb(56,94,78)
-
#3f6a58
#3f6a58
rgb(63,106,88)
-
#467663
#467663
rgb(70,118,99)
-
#4e836d
#4e836d
rgb(78,131,109)
-
#558f77
#558f77
rgb(85,143,119)
-
#5c9b81
#5c9b81
rgb(92,155,129)
-
#67a48b
#67a48b
rgb(103,164,139)
-
#73ac94
#73ac94
rgb(115,172,148)
-
#7fb39e
#7fb39e
rgb(127,179,158)
-
#8cbaa7
#8cbaa7
rgb(140,186,167)
-
#98c2b0
#98c2b0
rgb(152,194,176)
-
#a4c9ba
#a4c9ba
rgb(164,201,186)
-
#b1d0c3
#b1d0c3
rgb(177,208,195)
-
#bdd8cd
#bdd8cd
rgb(189,216,205)
-
#c9dfd6
#c9dfd6
rgb(201,223,214)
-
#d5e6df
#d5e6df
rgb(213,230,223)
-
#e2eee9
#e2eee9
rgb(226,238,233)
-
#eef5f2
#eef5f2
rgb(238,245,242)
-
#fafcfb
#fafcfb
rgb(250,252,251)
Tones of #558f77
A tone is produced by adding gray to any pure hue. In this case, #6f7572 is the less saturated color, while #06de85 is the most saturated one.
-
#6f7572
#6f7572
rgb(111,117,114)
-
#677d74
#677d74
rgb(103,125,116)
-
#5e8675
#5e8675
rgb(94,134,117)
-
#558f77
#558f77
rgb(85,143,119)
-
#4c9879
#4c9879
rgb(76,152,121)
-
#43a17a
#43a17a
rgb(67,161,122)
-
#3ba97c
#3ba97c
rgb(59,169,124)
-
#32b27d
#32b27d
rgb(50,178,125)
-
#29bb7f
#29bb7f
rgb(41,187,127)
-
#20c480
#20c480
rgb(32,196,128)
-
#18cc82
#18cc82
rgb(24,204,130)
-
#0fd583
#0fd583
rgb(15,213,131)
-
#06de85
#06de85
rgb(6,222,133)
Color Blindness Simulator
Below, you can see how #558f77 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.