#558c78 Color Information
In a RGB color space, hex #558c78 is composed of 33.3% red, 54.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 14.3% yellow and 45.1% black. It has a hue angle of 158.2 degrees, a saturation of 24.4% and a lightness of 44.1%. #558c78 color hex could be obtained by blending #aafff0 with #001900. Closest websafe color is: #669966.
-
- R 33
- G 55
- B 47
-
- C 39
- M 0
- Y 14
- K 45
● #558c78 color description : Mostly desaturated dark cyan - lime green.
#558c78 Color Conversion
The hexadecimal color #558c78 has RGB values of R:85, G:140, B:120 and CMYK values of C:0.39, M:0, Y:0.14, K:0.45. Its decimal value is 5606520.
Hex triplet | 558c78 | #558c78 |
---|---|---|
RGB Decimal | 85, 140, 120 | rgb(85,140,120) |
RGB Percent | 33.3, 54.9, 47.1 | rgb(33.3%,54.9%,47.1%) |
CMYK | 39, 0, 14, 45 | |
HSL | 158.2°, 24.4, 44.1 | hsl(158.2,24.4%,44.1%) |
HSV (or HSB) | 158.2°, 39.3, 54.9 | |
Web Safe | 669966 | #669966 |
CIE-LAB | 54.072, -23.036, 4.981 |
---|---|
XYZ | 16.514, 22.043, 21.153 |
xyY | 0.277, 0.369, 22.043 |
CIE-LCH | 54.072, 23.568, 167.798 |
CIE-LUV | 54.072, -25.989, 10.408 |
Hunter-Lab | 46.95, -19.378, 6.152 |
Binary | 01010101, 10001100, 01111000 |
Color Schemes with #558c78
Alternatives to #558c78
Below, you can see some colors close to #558c78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558c78 Preview
This text has a font color of #558c78.
<span style="color:#558c78;">Text here</span>
This paragraph has a background color of #558c78.
<p style="background-color:#558c78;">Content here</p>
This element has a border color of #558c78.
<div style="border:1px solid #558c78;">Content here</div>
.text {color:#558c78;}
.background {background-color:#558c78;}
.border {border:1px solid #558c78;}
Shades and Tints of #558c78
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, #030605 is the darkest color, while #f9fbfa is the lightest one.
-
#030605
#030605
rgb(3,6,5)
-
#0b120f
#0b120f
rgb(11,18,15)
-
#121e1a
#121e1a
rgb(18,30,26)
-
#1a2a24
#1a2a24
rgb(26,42,36)
-
#21372f
#21372f
rgb(33,55,47)
-
#294339
#294339
rgb(41,67,57)
-
#304f44
#304f44
rgb(48,79,68)
-
#375b4e
#375b4e
rgb(55,91,78)
-
#3f6759
#3f6759
rgb(63,103,89)
-
#467463
#467463
rgb(70,116,99)
-
#4e806e
#4e806e
rgb(78,128,110)
-
#558c78
#558c78
rgb(85,140,120)
-
#5c9882
#5c9882
rgb(92,152,130)
-
#66a28c
#66a28c
rgb(102,162,140)
-
#72aa95
#72aa95
rgb(114,170,149)
-
#7eb19f
#7eb19f
rgb(126,177,159)
-
#8bb8a8
#8bb8a8
rgb(139,184,168)
-
#97c0b1
#97c0b1
rgb(151,192,177)
-
#a3c7ba
#a3c7ba
rgb(163,199,186)
-
#afcfc3
#afcfc3
rgb(175,207,195)
-
#bcd6cc
#bcd6cc
rgb(188,214,204)
-
#c8ddd6
#c8ddd6
rgb(200,221,214)
-
#d4e5df
#d4e5df
rgb(212,229,223)
-
#e0ece8
#e0ece8
rgb(224,236,232)
-
#ecf4f1
#ecf4f1
rgb(236,244,241)
-
#f9fbfa
#f9fbfa
rgb(249,251,250)
Tones of #558c78
A tone is produced by adding gray to any pure hue. In this case, #6f7271 is the less saturated color, while #07da8d is the most saturated one.
-
#6f7271
#6f7271
rgb(111,114,113)
-
#667b73
#667b73
rgb(102,123,115)
-
#5e8376
#5e8376
rgb(94,131,118)
-
#558c78
#558c78
rgb(85,140,120)
-
#4c957a
#4c957a
rgb(76,149,122)
-
#449d7d
#449d7d
rgb(68,157,125)
-
#3ba67f
#3ba67f
rgb(59,166,127)
-
#32af81
#32af81
rgb(50,175,129)
-
#2ab784
#2ab784
rgb(42,183,132)
-
#21c086
#21c086
rgb(33,192,134)
-
#18c989
#18c989
rgb(24,201,137)
-
#10d18b
#10d18b
rgb(16,209,139)
-
#07da8d
#07da8d
rgb(7,218,141)
Color Blindness Simulator
Below, you can see how #558c78 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.