#558a2c Color Information
In a RGB color space, hex #558a2c is composed of 33.3% red, 54.1% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 68.1% yellow and 45.9% black. It has a hue angle of 93.8 degrees, a saturation of 51.6% and a lightness of 35.7%. #558a2c color hex could be obtained by blending #aaff58 with #001500. Closest websafe color is: #669933.
-
- R 33
- G 54
- B 17
-
- C 38
- M 0
- Y 68
- K 46
● #558a2c color description : Dark moderate green.
#558a2c Color Conversion
The hexadecimal color #558a2c has RGB values of R:85, G:138, B:44 and CMYK values of C:0.38, M:0, Y:0.68, K:0.46. Its decimal value is 5605932.
Hex triplet | 558a2c | #558a2c |
---|---|---|
RGB Decimal | 85, 138, 44 | rgb(85,138,44) |
RGB Percent | 33.3, 54.1, 17.3 | rgb(33.3%,54.1%,17.3%) |
CMYK | 38, 0, 68, 46 | |
HSL | 93.8°, 51.6, 35.7 | hsl(93.8,51.6%,35.7%) |
HSV (or HSB) | 93.8°, 68.1, 54.1 | |
Web Safe | 669933 | #669933 |
CIE-LAB | 52.163, -34.296, 43.151 |
---|---|
XYZ | 13.289, 20.29, 5.599 |
xyY | 0.339, 0.518, 20.29 |
CIE-LCH | 52.163, 55.119, 128.477 |
CIE-LUV | 52.163, -26.375, 52.681 |
Hunter-Lab | 45.044, -26.165, 24.161 |
Binary | 01010101, 10001010, 00101100 |
Color Schemes with #558a2c
Alternatives to #558a2c
Below, you can see some colors close to #558a2c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558a2c Preview
This text has a font color of #558a2c.
<span style="color:#558a2c;">Text here</span>
This paragraph has a background color of #558a2c.
<p style="background-color:#558a2c;">Content here</p>
This element has a border color of #558a2c.
<div style="border:1px solid #558a2c;">Content here</div>
.text {color:#558a2c;}
.background {background-color:#558a2c;}
.border {border:1px solid #558a2c;}
Shades and Tints of #558a2c
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, #030401 is the darkest color, while #f7fcf4 is the lightest one.
-
#030401
#030401
rgb(3,4,1)
-
#0c1306
#0c1306
rgb(12,19,6)
-
#15220b
#15220b
rgb(21,34,11)
-
#1e3110
#1e3110
rgb(30,49,16)
-
#274014
#274014
rgb(39,64,20)
-
#304f19
#304f19
rgb(48,79,25)
-
#3a5d1e
#3a5d1e
rgb(58,93,30)
-
#436c23
#436c23
rgb(67,108,35)
-
#4c7b27
#4c7b27
rgb(76,123,39)
-
#558a2c
#558a2c
rgb(85,138,44)
-
#5e9931
#5e9931
rgb(94,153,49)
-
#67a835
#67a835
rgb(103,168,53)
-
#70b73a
#70b73a
rgb(112,183,58)
-
#7ac342
#7ac342
rgb(122,195,66)
-
#84c751
#84c751
rgb(132,199,81)
-
#8fcc60
#8fcc60
rgb(143,204,96)
-
#99d16e
#99d16e
rgb(153,209,110)
-
#a4d67d
#a4d67d
rgb(164,214,125)
-
#aeda8c
#aeda8c
rgb(174,218,140)
-
#b9df9b
#b9df9b
rgb(185,223,155)
-
#c3e4aa
#c3e4aa
rgb(195,228,170)
-
#cee9b9
#cee9b9
rgb(206,233,185)
-
#d8edc8
#d8edc8
rgb(216,237,200)
-
#e3f2d7
#e3f2d7
rgb(227,242,215)
-
#edf7e5
#edf7e5
rgb(237,247,229)
-
#f7fcf4
#f7fcf4
rgb(247,252,244)
Tones of #558a2c
A tone is produced by adding gray to any pure hue. In this case, #5a6056 is the less saturated color, while #50b402 is the most saturated one.
-
#5a6056
#5a6056
rgb(90,96,86)
-
#59674f
#59674f
rgb(89,103,79)
-
#596e48
#596e48
rgb(89,110,72)
-
#587541
#587541
rgb(88,117,65)
-
#577c3a
#577c3a
rgb(87,124,58)
-
#568333
#568333
rgb(86,131,51)
-
#558a2c
#558a2c
rgb(85,138,44)
-
#549125
#549125
rgb(84,145,37)
-
#53981e
#53981e
rgb(83,152,30)
-
#529f17
#529f17
rgb(82,159,23)
-
#51a610
#51a610
rgb(81,166,16)
-
#51ad09
#51ad09
rgb(81,173,9)
-
#50b402
#50b402
rgb(80,180,2)
Color Blindness Simulator
Below, you can see how #558a2c 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.