#558a2e Color Information
In a RGB color space, hex #558a2e is composed of 33.3% red, 54.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 66.7% yellow and 45.9% black. It has a hue angle of 94.6 degrees, a saturation of 50% and a lightness of 36.1%. #558a2e color hex could be obtained by blending #aaff5c with #001500. Closest websafe color is: #669933.
-
- R 33
- G 54
- B 18
-
- C 38
- M 0
- Y 67
- K 46
● #558a2e color description : Dark moderate green.
#558a2e Color Conversion
The hexadecimal color #558a2e has RGB values of R:85, G:138, B:46 and CMYK values of C:0.38, M:0, Y:0.67, K:0.46. Its decimal value is 5605934.
Hex triplet | 558a2e | #558a2e |
---|---|---|
RGB Decimal | 85, 138, 46 | rgb(85,138,46) |
RGB Percent | 33.3, 54.1, 18 | rgb(33.3%,54.1%,18%) |
CMYK | 38, 0, 67, 46 | |
HSL | 94.6°, 50, 36.1 | hsl(94.6,50%,36.1%) |
HSV (or HSB) | 94.6°, 66.7, 54.1 | |
Web Safe | 669933 | #669933 |
CIE-LAB | 52.18, -34.119, 42.293 |
---|---|
XYZ | 13.328, 20.305, 5.802 |
xyY | 0.338, 0.515, 20.305 |
CIE-LCH | 52.18, 54.34, 128.895 |
CIE-LUV | 52.18, -26.354, 52.009 |
Hunter-Lab | 45.061, -26.062, 23.909 |
Binary | 01010101, 10001010, 00101110 |
Color Schemes with #558a2e
Alternatives to #558a2e
Below, you can see some colors close to #558a2e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558a2e Preview
This text has a font color of #558a2e.
<span style="color:#558a2e;">Text here</span>
This paragraph has a background color of #558a2e.
<p style="background-color:#558a2e;">Content here</p>
This element has a border color of #558a2e.
<div style="border:1px solid #558a2e;">Content here</div>
.text {color:#558a2e;}
.background {background-color:#558a2e;}
.border {border:1px solid #558a2e;}
Shades and Tints of #558a2e
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, #030602 is the darkest color, while #f8fcf6 is the lightest one.
-
#030602
#030602
rgb(3,6,2)
-
#0d1407
#0d1407
rgb(13,20,7)
-
#16230c
#16230c
rgb(22,35,12)
-
#1f3211
#1f3211
rgb(31,50,17)
-
#284015
#284015
rgb(40,64,21)
-
#314f1a
#314f1a
rgb(49,79,26)
-
#3a5e1f
#3a5e1f
rgb(58,94,31)
-
#436d24
#436d24
rgb(67,109,36)
-
#4c7b29
#4c7b29
rgb(76,123,41)
-
#558a2e
#558a2e
rgb(85,138,46)
-
#5e9933
#5e9933
rgb(94,153,51)
-
#67a738
#67a738
rgb(103,167,56)
-
#70b63d
#70b63d
rgb(112,182,61)
-
#7ac145
#7ac145
rgb(122,193,69)
-
#84c654
#84c654
rgb(132,198,84)
-
#8fcb63
#8fcb63
rgb(143,203,99)
-
#99d071
#99d071
rgb(153,208,113)
-
#a4d580
#a4d580
rgb(164,213,128)
-
#afda8f
#afda8f
rgb(175,218,143)
-
#b9df9e
#b9df9e
rgb(185,223,158)
-
#c4e3ac
#c4e3ac
rgb(196,227,172)
-
#cee8bb
#cee8bb
rgb(206,232,187)
-
#d9edca
#d9edca
rgb(217,237,202)
-
#e3f2d8
#e3f2d8
rgb(227,242,216)
-
#eef7e7
#eef7e7
rgb(238,247,231)
-
#f8fcf6
#f8fcf6
rgb(248,252,246)
Tones of #558a2e
A tone is produced by adding gray to any pure hue. In this case, #5b6058 is the less saturated color, while #4fb404 is the most saturated one.
-
#5b6058
#5b6058
rgb(91,96,88)
-
#5a6751
#5a6751
rgb(90,103,81)
-
#596e4a
#596e4a
rgb(89,110,74)
-
#587543
#587543
rgb(88,117,67)
-
#577c3c
#577c3c
rgb(87,124,60)
-
#568335
#568335
rgb(86,131,53)
-
#558a2e
#558a2e
rgb(85,138,46)
-
#549127
#549127
rgb(84,145,39)
-
#539820
#539820
rgb(83,152,32)
-
#529f19
#529f19
rgb(82,159,25)
-
#51a612
#51a612
rgb(81,166,18)
-
#50ad0b
#50ad0b
rgb(80,173,11)
-
#4fb404
#4fb404
rgb(79,180,4)
Color Blindness Simulator
Below, you can see how #558a2e 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.