#558d3f Color Information
In a RGB color space, hex #558d3f is composed of 33.3% red, 55.3% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 55.3% yellow and 44.7% black. It has a hue angle of 103.1 degrees, a saturation of 38.2% and a lightness of 40%. #558d3f color hex could be obtained by blending #aaff7e with #001b00. Closest websafe color is: #669933.
-
- R 33
- G 55
- B 25
-
- C 40
- M 0
- Y 55
- K 45
● #558d3f color description : Dark moderate green.
#558d3f Color Conversion
The hexadecimal color #558d3f has RGB values of R:85, G:141, B:63 and CMYK values of C:0.4, M:0, Y:0.55, K:0.45. Its decimal value is 5606719.
Hex triplet | 558d3f | #558d3f |
---|---|---|
RGB Decimal | 85, 141, 63 | rgb(85,141,63) |
RGB Percent | 33.3, 55.3, 24.7 | rgb(33.3%,55.3%,24.7%) |
CMYK | 40, 0, 55, 45 | |
HSL | 103.1°, 38.2, 40 | hsl(103.1,38.2%,40%) |
HSV (or HSB) | 103.1°, 55.3, 55.3 | |
Web Safe | 669933 | #669933 |
CIE-LAB | 53.319, -33.678, 35.488 |
---|---|
XYZ | 14.168, 21.339, 8.075 |
xyY | 0.325, 0.49, 21.339 |
CIE-LCH | 53.319, 48.925, 133.501 |
CIE-LUV | 53.319, -27.554, 46.722 |
Hunter-Lab | 46.194, -26.094, 21.972 |
Binary | 01010101, 10001101, 00111111 |
Color Schemes with #558d3f
Alternatives to #558d3f
Below, you can see some colors close to #558d3f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558d3f Preview
This text has a font color of #558d3f.
<span style="color:#558d3f;">Text here</span>
This paragraph has a background color of #558d3f.
<p style="background-color:#558d3f;">Content here</p>
This element has a border color of #558d3f.
<div style="border:1px solid #558d3f;">Content here</div>
.text {color:#558d3f;}
.background {background-color:#558d3f;}
.border {border:1px solid #558d3f;}
Shades and Tints of #558d3f
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, #030502 is the darkest color, while #f8fbf7 is the lightest one.
-
#030502
#030502
rgb(3,5,2)
-
#0b1308
#0b1308
rgb(11,19,8)
-
#14210f
#14210f
rgb(20,33,15)
-
#1c2e15
#1c2e15
rgb(28,46,21)
-
#243c1b
#243c1b
rgb(36,60,27)
-
#2c4921
#2c4921
rgb(44,73,33)
-
#345727
#345727
rgb(52,87,39)
-
#3c642d
#3c642d
rgb(60,100,45)
-
#457233
#457233
rgb(69,114,51)
-
#4d7f39
#4d7f39
rgb(77,127,57)
-
#558d3f
#558d3f
rgb(85,141,63)
-
#5d9b45
#5d9b45
rgb(93,155,69)
-
#65a84b
#65a84b
rgb(101,168,75)
-
#6fb354
#6fb354
rgb(111,179,84)
-
#7ab962
#7ab962
rgb(122,185,98)
-
#86bf6f
#86bf6f
rgb(134,191,111)
-
#91c57d
#91c57d
rgb(145,197,125)
-
#9dcb8a
#9dcb8a
rgb(157,203,138)
-
#a8d198
#a8d198
rgb(168,209,152)
-
#b3d7a6
#b3d7a6
rgb(179,215,166)
-
#bfddb3
#bfddb3
rgb(191,221,179)
-
#cae3c1
#cae3c1
rgb(202,227,193)
-
#d6e9ce
#d6e9ce
rgb(214,233,206)
-
#e1efdc
#e1efdc
rgb(225,239,220)
-
#edf5e9
#edf5e9
rgb(237,245,233)
-
#f8fbf7
#f8fbf7
rgb(248,251,247)
Tones of #558d3f
A tone is produced by adding gray to any pure hue. In this case, #636e5e is the less saturated color, while #3acc00 is the most saturated one.
-
#636e5e
#636e5e
rgb(99,110,94)
-
#5f7557
#5f7557
rgb(95,117,87)
-
#5c7d4f
#5c7d4f
rgb(92,125,79)
-
#588547
#588547
rgb(88,133,71)
-
#558d3f
#558d3f
rgb(85,141,63)
-
#529537
#529537
rgb(82,149,55)
-
#4e9d2f
#4e9d2f
rgb(78,157,47)
-
#4ba527
#4ba527
rgb(75,165,39)
-
#47ac20
#47ac20
rgb(71,172,32)
-
#44b418
#44b418
rgb(68,180,24)
-
#40bc10
#40bc10
rgb(64,188,16)
-
#3dc408
#3dc408
rgb(61,196,8)
-
#3acc00
#3acc00
rgb(58,204,0)
Color Blindness Simulator
Below, you can see how #558d3f 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.