#558c2f Color Information
In a RGB color space, hex #558c2f is composed of 33.3% red, 54.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 66.4% yellow and 45.1% black. It has a hue angle of 95.5 degrees, a saturation of 49.7% and a lightness of 36.7%. #558c2f color hex could be obtained by blending #aaff5e with #001900. Closest websafe color is: #669933.
-
- R 33
- G 55
- B 18
-
- C 39
- M 0
- Y 66
- K 45
● #558c2f color description : Dark moderate green.
#558c2f Color Conversion
The hexadecimal color #558c2f has RGB values of R:85, G:140, B:47 and CMYK values of C:0.39, M:0, Y:0.66, K:0.45. Its decimal value is 5606447.
Hex triplet | 558c2f | #558c2f |
---|---|---|
RGB Decimal | 85, 140, 47 | rgb(85,140,47) |
RGB Percent | 33.3, 54.9, 18.4 | rgb(33.3%,54.9%,18.4%) |
CMYK | 39, 0, 66, 45 | |
HSL | 95.5°, 49.7, 36.7 | hsl(95.5,49.7%,36.7%) |
HSV (or HSB) | 95.5°, 66.4, 54.9 | |
Web Safe | 669933 | #669933 |
CIE-LAB | 52.831, -34.93, 42.553 |
---|---|
XYZ | 13.637, 20.892, 6.003 |
xyY | 0.336, 0.515, 20.892 |
CIE-LCH | 52.831, 55.053, 129.381 |
CIE-LUV | 52.831, -27.295, 52.63 |
Hunter-Lab | 45.708, -26.733, 24.208 |
Binary | 01010101, 10001100, 00101111 |
Color Schemes with #558c2f
Alternatives to #558c2f
Below, you can see some colors close to #558c2f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558c2f Preview
This text has a font color of #558c2f.
<span style="color:#558c2f;">Text here</span>
This paragraph has a background color of #558c2f.
<p style="background-color:#558c2f;">Content here</p>
This element has a border color of #558c2f.
<div style="border:1px solid #558c2f;">Content here</div>
.text {color:#558c2f;}
.background {background-color:#558c2f;}
.border {border:1px solid #558c2f;}
Shades and Tints of #558c2f
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, #050803 is the darkest color, while #fafdf8 is the lightest one.
-
#050803
#050803
rgb(5,8,3)
-
#0e1708
#0e1708
rgb(14,23,8)
-
#17250c
#17250c
rgb(23,37,12)
-
#203411
#203411
rgb(32,52,17)
-
#284316
#284316
rgb(40,67,22)
-
#31511b
#31511b
rgb(49,81,27)
-
#3a6020
#3a6020
rgb(58,96,32)
-
#436f25
#436f25
rgb(67,111,37)
-
#4c7d2a
#4c7d2a
rgb(76,125,42)
-
#558c2f
#558c2f
rgb(85,140,47)
-
#5e9b34
#5e9b34
rgb(94,155,52)
-
#67a939
#67a939
rgb(103,169,57)
-
#70b83e
#70b83e
rgb(112,184,62)
-
#7ac248
#7ac248
rgb(122,194,72)
-
#84c657
#84c657
rgb(132,198,87)
-
#8fcb65
#8fcb65
rgb(143,203,101)
-
#9ad074
#9ad074
rgb(154,208,116)
-
#a4d583
#a4d583
rgb(164,213,131)
-
#afda91
#afda91
rgb(175,218,145)
-
#badfa0
#badfa0
rgb(186,223,160)
-
#c5e4af
#c5e4af
rgb(197,228,175)
-
#cfe9bd
#cfe9bd
rgb(207,233,189)
-
#daeecc
#daeecc
rgb(218,238,204)
-
#e5f3db
#e5f3db
rgb(229,243,219)
-
#eff8e9
#eff8e9
rgb(239,248,233)
-
#fafdf8
#fafdf8
rgb(250,253,248)
Tones of #558c2f
A tone is produced by adding gray to any pure hue. In this case, #5d615a is the less saturated color, while #4db704 is the most saturated one.
-
#5d615a
#5d615a
rgb(93,97,90)
-
#5c6853
#5c6853
rgb(92,104,83)
-
#5a6f4c
#5a6f4c
rgb(90,111,76)
-
#597645
#597645
rgb(89,118,69)
-
#587e3d
#587e3d
rgb(88,126,61)
-
#568536
#568536
rgb(86,133,54)
-
#558c2f
#558c2f
rgb(85,140,47)
-
#549328
#549328
rgb(84,147,40)
-
#529a21
#529a21
rgb(82,154,33)
-
#51a219
#51a219
rgb(81,162,25)
-
#50a912
#50a912
rgb(80,169,18)
-
#4eb00b
#4eb00b
rgb(78,176,11)
-
#4db704
#4db704
rgb(77,183,4)
Color Blindness Simulator
Below, you can see how #558c2f 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.