#558e2e hex color

In a RGB color space, hex #558e2e is composed of 33.3% red, 55.7% green and 18% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 67.6% yellow and 44.3% black. It has a hue angle of 95.6 degrees, a saturation of 51.1% and a lightness of 36.9%. #558e2e color hex could be obtained by blending #aaff5c with #001d00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 56
- B 18
RGB color chart
- C 40
- M 0
- Y 68
- K 44
CMYK color chart

● #558e2e color description : Dark moderate green.

The hexadecimal color #558e2e has RGB values of R:85, G:142, B:46 and CMYK values of C:0.4, M:0, Y:0.68, K:0.44. Its decimal value is 5606958.

Hex triplet	558e2e	`#558e2e`
RGB Decimal	85, 142, 46	`rgb(85,142,46)`
RGB Percent	33.3, 55.7, 18	`rgb(33.3%,55.7%,18%)`
CMYK	40, 0, 68, 44
HSL	95.6°, 51.1, 36.9	`hsl(95.6,51.1%,36.9%)`
HSV (or HSB)	95.6°, 67.6, 55.7
Web Safe	669933	`#669933`

CIE-LAB	53.464, -35.911, 43.674
XYZ	13.912, 21.474, 5.996
xyY	0.336, 0.519, 21.474
CIE-LCH	53.464, 56.542, 129.429
CIE-LUV	53.464, -28.251, 53.931
Hunter-Lab	46.34, -27.506, 24.766
Binary	01010101, 10001110, 00101110

#558e2e
```
#558e2e rgb(85,142,46)
```
#672e8e
```
#672e8e rgb(103,46,142)
```

Complementary Color

#858e2e
```
#858e2e rgb(133,142,46)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#2e8e37
```
#2e8e37 rgb(46,142,55)
```

Analogous Color

#8e2e85
```
#8e2e85 rgb(142,46,133)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#372e8e
```
#372e8e rgb(55,46,142)
```

Split Complementary Color

#8e2e55
```
#8e2e55 rgb(142,46,85)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#2e558e
```
#2e558e rgb(46,85,142)
```

Triadic Color

#8e672e
```
#8e672e rgb(142,103,46)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#2e558e
```
#2e558e rgb(46,85,142)
```
#672e8e
```
#672e8e rgb(103,46,142)
```

Tetradic Color

#32541b
```
#32541b rgb(50,84,27)
```
#3e6722
```
#3e6722 rgb(62,103,34)
```
#497b28
```
#497b28 rgb(73,123,40)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#61a134
```
#61a134 rgb(97,161,52)
```
#6cb53a
```
#6cb53a rgb(108,181,58)
```
#78c346
```
#78c346 rgb(120,195,70)
```

Monochromatic Color

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

#6d8e2e
```
#6d8e2e rgb(109,142,46)
```
#658e2e
```
#658e2e rgb(101,142,46)
```
#5d8e2e
```
#5d8e2e rgb(93,142,46)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#4d8e2e
```
#4d8e2e rgb(77,142,46)
```
#458e2e
```
#458e2e rgb(69,142,46)
```
#3d8e2e
```
#3d8e2e rgb(61,142,46)
```

Similar Colors

Text with hexadecimal color #558e2e

This text has a font color of #558e2e.

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

#558e2e background color

This paragraph has a background color of #558e2e.

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

#558e2e border color

This element has a border color of #558e2e.

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

CSS codes

.text {color:#558e2e;}

.background {background-color:#558e2e;}

.border {border:1px solid #558e2e;}

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, #050903 is the darkest color, while #fbfdf9 is the lightest one.

#050903
```
#050903 rgb(5,9,3)
```
#0e1708
```
#0e1708 rgb(14,23,8)
```
#17260c
```
#17260c rgb(23,38,12)
```
#203511
```
#203511 rgb(32,53,17)
```
#294416
```
#294416 rgb(41,68,22)
```
#32531b
```
#32531b rgb(50,83,27)
```
#3a6220
```
#3a6220 rgb(58,98,32)
```
#437024
```
#437024 rgb(67,112,36)
```
#4c7f29
```
#4c7f29 rgb(76,127,41)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#5e9d33
```
#5e9d33 rgb(94,157,51)
```
#67ac38
```
#67ac38 rgb(103,172,56)
```
#70ba3c
```
#70ba3c rgb(112,186,60)
```

Shade Color Variation

#7ac347
```
#7ac347 rgb(122,195,71)
```
#84c856
```
#84c856 rgb(132,200,86)
```
#8fcd65
```
#8fcd65 rgb(143,205,101)
```
#9ad273
```
#9ad273 rgb(154,210,115)
```
#a5d782
```
#a5d782 rgb(165,215,130)
```
#afdb91
```
#afdb91 rgb(175,219,145)
```
#bae0a0
```
#bae0a0 rgb(186,224,160)
```
#c5e5af
```
#c5e5af rgb(197,229,175)
```
#d0eabe
```
#d0eabe rgb(208,234,190)
```
#daefcc
```
#daefcc rgb(218,239,204)
```
#e5f3db
```
#e5f3db rgb(229,243,219)
```
#f0f8ea
```
#f0f8ea rgb(240,248,234)
```
#fbfdf9
```
#fbfdf9 rgb(251,253,249)
```

Tint Color Variation

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

#5d6359
```
#5d6359 rgb(93,99,89)
```
#5c6a52
```
#5c6a52 rgb(92,106,82)
```
#5a714b
```
#5a714b rgb(90,113,75)
```
#597844
```
#597844 rgb(89,120,68)
```
#58803c
```
#58803c rgb(88,128,60)
```
#568735
```
#568735 rgb(86,135,53)
```
#558e2e
```
#558e2e rgb(85,142,46)
```
#549527
```
#549527 rgb(84,149,39)
```
#529c20
```
#529c20 rgb(82,156,32)
```
#51a418
```
#51a418 rgb(81,164,24)
```
#50ab11
```
#50ab11 rgb(80,171,17)
```
#4eb20a
```
#4eb20a rgb(78,178,10)
```
#4db903
```
#4db903 rgb(77,185,3)
```

Tone Color Variation

Below, you can see how #558e2e 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

#727272 Achromatopsia 0.005% of the population
#6c7864 Atypical Achromatopsia 0.001% of the population

Dichromacy

#958635 Protanopia 1% of men
#a48040 Deuteranopia 1% of men
#6e8a94 Tritanopia 0.001% of the population

Trichromacy

#7d8932 Protanomaly 1% of men, 0.01% of women
#87853a Deuteranomaly 6% of men, 0.4% of women
#658c6f Tritanomaly 0.01% of the population

#558e2e hex color

#558e2e Color Information

#558e2e Color Conversion

Color Schemes with #558e2e

Alternatives to #558e2e

#558e2e Preview

Shades and Tints of #558e2e

Tones of #558e2e

Color Blindness Simulator