#558a2f Color Information
In a RGB color space, hex #558a2f is composed of 33.3% red, 54.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 65.9% yellow and 45.9% black. It has a hue angle of 94.9 degrees, a saturation of 49.2% and a lightness of 36.3%. #558a2f color hex could be obtained by blending #aaff5e with #001500. Closest websafe color is: #669933.
-
- R 33
- G 54
- B 18
-
- C 38
- M 0
- Y 66
- K 46
● #558a2f color description : Dark moderate green.
#558a2f Color Conversion
The hexadecimal color #558a2f has RGB values of R:85, G:138, B:47 and CMYK values of C:0.38, M:0, Y:0.66, K:0.46. Its decimal value is 5605935.
Hex triplet | 558a2f | #558a2f |
---|---|---|
RGB Decimal | 85, 138, 47 | rgb(85,138,47) |
RGB Percent | 33.3, 54.1, 18.4 | rgb(33.3%,54.1%,18.4%) |
CMYK | 38, 0, 66, 46 | |
HSL | 94.9°, 49.2, 36.3 | hsl(94.9,49.2%,36.3%) |
HSV (or HSB) | 94.9°, 65.9, 54.1 | |
Web Safe | 669933 | #669933 |
CIE-LAB | 52.189, -34.028, 41.857 |
---|---|
XYZ | 13.347, 20.313, 5.907 |
xyY | 0.337, 0.513, 20.313 |
CIE-LCH | 52.189, 53.944, 129.11 |
CIE-LUV | 52.189, -26.343, 51.662 |
Hunter-Lab | 45.07, -26.009, 23.779 |
Binary | 01010101, 10001010, 00101111 |
Color Schemes with #558a2f
Alternatives to #558a2f
Below, you can see some colors close to #558a2f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558a2f Preview
This text has a font color of #558a2f.
<span style="color:#558a2f;">Text here</span>
This paragraph has a background color of #558a2f.
<p style="background-color:#558a2f;">Content here</p>
This element has a border color of #558a2f.
<div style="border:1px solid #558a2f;">Content here</div>
.text {color:#558a2f;}
.background {background-color:#558a2f;}
.border {border:1px solid #558a2f;}
Shades and Tints of #558a2f
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, #040602 is the darkest color, while #f9fcf7 is the lightest one.
-
#040602
#040602
rgb(4,6,2)
-
#0d1507
#0d1507
rgb(13,21,7)
-
#16240c
#16240c
rgb(22,36,12)
-
#1f3211
#1f3211
rgb(31,50,17)
-
#284116
#284116
rgb(40,65,22)
-
#314f1b
#314f1b
rgb(49,79,27)
-
#3a5e20
#3a5e20
rgb(58,94,32)
-
#436d25
#436d25
rgb(67,109,37)
-
#4c7b2a
#4c7b2a
rgb(76,123,42)
-
#558a2f
#558a2f
rgb(85,138,47)
-
#5e9934
#5e9934
rgb(94,153,52)
-
#67a739
#67a739
rgb(103,167,57)
-
#70b63e
#70b63e
rgb(112,182,62)
-
#7ac047
#7ac047
rgb(122,192,71)
-
#84c556
#84c556
rgb(132,197,86)
-
#8fca64
#8fca64
rgb(143,202,100)
-
#9acf73
#9acf73
rgb(154,207,115)
-
#a4d482
#a4d482
rgb(164,212,130)
-
#afd990
#afd990
rgb(175,217,144)
-
#b9de9f
#b9de9f
rgb(185,222,159)
-
#c4e3ae
#c4e3ae
rgb(196,227,174)
-
#cfe8bc
#cfe8bc
rgb(207,232,188)
-
#d9edcb
#d9edcb
rgb(217,237,203)
-
#e4f2d9
#e4f2d9
rgb(228,242,217)
-
#eef7e8
#eef7e8
rgb(238,247,232)
-
#f9fcf7
#f9fcf7
rgb(249,252,247)
Tones of #558a2f
A tone is produced by adding gray to any pure hue. In this case, #5c5f5a is the less saturated color, while #4eb504 is the most saturated one.
-
#5c5f5a
#5c5f5a
rgb(92,95,90)
-
#5b6653
#5b6653
rgb(91,102,83)
-
#5a6e4b
#5a6e4b
rgb(90,110,75)
-
#597544
#597544
rgb(89,117,68)
-
#577c3d
#577c3d
rgb(87,124,61)
-
#568336
#568336
rgb(86,131,54)
-
#558a2f
#558a2f
rgb(85,138,47)
-
#549128
#549128
rgb(84,145,40)
-
#539821
#539821
rgb(83,152,33)
-
#519f1a
#519f1a
rgb(81,159,26)
-
#50a613
#50a613
rgb(80,166,19)
-
#4fae0b
#4fae0b
rgb(79,174,11)
-
#4eb504
#4eb504
rgb(78,181,4)
Color Blindness Simulator
Below, you can see how #558a2f 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.