#558040 hex color

In a RGB color space, hex #558040 is composed of 33.3% red, 50.2% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 0% magenta, 50% yellow and 49.8% black. It has a hue angle of 100.3 degrees, a saturation of 33.3% and a lightness of 37.6%. #558040 color hex could be obtained by blending #aaff80 with #000100. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 50
- B 25
RGB color chart
- C 34
- M 0
- Y 50
- K 50
CMYK color chart

● #558040 color description : Dark moderate green.

The hexadecimal color #558040 has RGB values of R:85, G:128, B:64 and CMYK values of C:0.34, M:0, Y:0.5, K:0.5. Its decimal value is 5603392.

Hex triplet	558040	`#558040`
RGB Decimal	85, 128, 64	`rgb(85,128,64)`
RGB Percent	33.3, 50.2, 25.1	`rgb(33.3%,50.2%,25.1%)`
CMYK	34, 0, 50, 50
HSL	100.3°, 33.3, 37.6	`hsl(100.3,33.3%,37.6%)`
HSV (or HSB)	100.3°, 50, 50.2
Web Safe	669933	`#669933`

CIE-LAB	49.178, -27.417, 29.952
XYZ	12.39, 17.739, 7.621
xyY	0.328, 0.47, 17.739
CIE-LCH	49.178, 40.606, 132.469
CIE-LUV	49.178, -21.334, 39.298
Hunter-Lab	42.118, -21.195, 18.754
Binary	01010101, 10000000, 01000000

#558040
```
#558040 rgb(85,128,64)
```
#6b4080
```
#6b4080 rgb(107,64,128)
```

Complementary Color

#758040
```
#758040 rgb(117,128,64)
```
#558040
```
#558040 rgb(85,128,64)
```
#40804b
```
#40804b rgb(64,128,75)
```

Analogous Color

#804075
```
#804075 rgb(128,64,117)
```
#558040
```
#558040 rgb(85,128,64)
```
#4b4080
```
#4b4080 rgb(75,64,128)
```

Split Complementary Color

#804055
```
#804055 rgb(128,64,85)
```
#558040
```
#558040 rgb(85,128,64)
```
#405580
```
#405580 rgb(64,85,128)
```

Triadic Color

#806b40
```
#806b40 rgb(128,107,64)
```
#558040
```
#558040 rgb(85,128,64)
```
#405580
```
#405580 rgb(64,85,128)
```
#6b4080
```
#6b4080 rgb(107,64,128)
```

Tetradic Color

#334d27
```
#334d27 rgb(51,77,39)
```
#3e5e2f
```
#3e5e2f rgb(62,94,47)
```
#4a6f38
```
#4a6f38 rgb(74,111,56)
```
#558040
```
#558040 rgb(85,128,64)
```
#609149
```
#609149 rgb(96,145,73)
```
#6ca251
```
#6ca251 rgb(108,162,81)
```
#78af5e
```
#78af5e rgb(120,175,94)
```

Monochromatic Color

Below, you can see some colors close to #558040. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#658040
```
#658040 rgb(101,128,64)
```
#608040
```
#608040 rgb(96,128,64)
```
#5a8040
```
#5a8040 rgb(90,128,64)
```
#558040
```
#558040 rgb(85,128,64)
```
#508040
```
#508040 rgb(80,128,64)
```
#4a8040
```
#4a8040 rgb(74,128,64)
```
#458040
```
#458040 rgb(69,128,64)
```

Similar Colors

Text with hexadecimal color #558040

This text has a font color of #558040.

<span style="color:#558040;">Text here</span>

#558040 background color

This paragraph has a background color of #558040.

<p style="background-color:#558040;">Content here</p>

#558040 border color

This element has a border color of #558040.

<div style="border:1px solid #558040;">Content here</div>

CSS codes

.text {color:#558040;}

.background {background-color:#558040;}

.border {border:1px solid #558040;}

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, #070a05 is the darkest color, while #fdfefc is the lightest one.

#070a05
```
#070a05 rgb(7,10,5)
```
#10170c
```
#10170c rgb(16,23,12)
```
#182412
```
#182412 rgb(24,36,18)
```
#213219
```
#213219 rgb(33,50,25)
```
#2a3f1f
```
#2a3f1f rgb(42,63,31)
```
#324c26
```
#324c26 rgb(50,76,38)
```
#3b592c
```
#3b592c rgb(59,89,44)
```
#446633
```
#446633 rgb(68,102,51)
```
#4c7339
```
#4c7339 rgb(76,115,57)
```
#558040
```
#558040 rgb(85,128,64)
```
#5e8d47
```
#5e8d47 rgb(94,141,71)
```
#669a4d
```
#669a4d rgb(102,154,77)
```
#6fa754
```
#6fa754 rgb(111,167,84)
```

Shade Color Variation

#7aaf5f
```
#7aaf5f rgb(122,175,95)
```
#84b66c
```
#84b66c rgb(132,182,108)
```
#8fbc79
```
#8fbc79 rgb(143,188,121)
```
#9ac387
```
#9ac387 rgb(154,195,135)
```
#a5c994
```
#a5c994 rgb(165,201,148)
```
#b0d0a1
```
#b0d0a1 rgb(176,208,161)
```
#bbd6ae
```
#bbd6ae rgb(187,214,174)
```
#c6ddbb
```
#c6ddbb rgb(198,221,187)
```
#d1e3c8
```
#d1e3c8 rgb(209,227,200)
```
#dcead5
```
#dcead5 rgb(220,234,213)
```
#e7f1e2
```
#e7f1e2 rgb(231,241,226)
```
#f2f7ef
```
#f2f7ef rgb(242,247,239)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f625e is the less saturated color, while #41bb05 is the most saturated one.

#5f625e
```
#5f625e rgb(95,98,94)
```
#5d6a56
```
#5d6a56 rgb(93,106,86)
```
#5a714f
```
#5a714f rgb(90,113,79)
```
#587947
```
#587947 rgb(88,121,71)
```
#558040
```
#558040 rgb(85,128,64)
```
#528739
```
#528739 rgb(82,135,57)
```
#508f31
```
#508f31 rgb(80,143,49)
```
#4d962a
```
#4d962a rgb(77,150,42)
```
#4b9e22
```
#4b9e22 rgb(75,158,34)
```
#48a51b
```
#48a51b rgb(72,165,27)
```
#46ac14
```
#46ac14 rgb(70,172,20)
```
#43b40c
```
#43b40c rgb(67,180,12)
```
#41bb05
```
#41bb05 rgb(65,187,5)
```

Tone Color Variation

Below, you can see how #558040 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.

Monochromacy

#6c6c6c Achromatopsia 0.005% of the population
#677063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#887c46 Protanopia 1% of men
#94764f Deuteranopia 1% of men
#697f88 Tritanopia 0.001% of the population

Trichromacy

#757d44 Protanomaly 1% of men, 0.01% of women
#7d7a49 Deuteranomaly 6% of men, 0.4% of women
#627f6e Tritanomaly 0.01% of the population

#558040 hex color

#558040 Color Information

#558040 Color Conversion

Color Schemes with #558040

Alternatives to #558040

#558040 Preview

Shades and Tints of #558040

Tones of #558040

Color Blindness Simulator