#558E33

Green

HEX

RGB

HSL

About #558E33 Green

#558E33 is a green color. In the RGB color model, it is composed of 85 red, 142 green, and 51 blue. In the HSL color space, it has a hue of 98°, saturation of 47%, and lightness of 38%.

This color has a low lightness value, making it a dark color great for text and bold accents. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #558E33 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

98°

Hue

47%

Saturation

38%

Lightness

Green

Color Harmonies

Colors that work well with #558E33 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #558E33 against white and black backgrounds.

Aa#558E33 on White
Contrast Ratio3.96:1
AA AA Large AAA
Aa#558E33 on Black
Contrast Ratio5.3:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #558E33 across different color formats.

FormatValue
HEX#558E33
RGBrgb(85, 142, 51)
HSLhsl(98, 47%, 38%)
RGB Decimal85, 142, 51
RGB Percent33.3%, 55.7%, 20.0%
CMYK (approx.)40%, 0%, 64%, 44%

Related Palettes

12 palettes using #558E33 or similar colors

#182211#304422#447623#5C9A32
#1A2112#39531E#58812C#769259
#182013#344A26#4E822C#6DA149
#1A240F#394B25#597F2E#789E4C
#1A1F14#3B541D#5A7D31#7BAC3F
#132211#1E4C1A#336B2E#458D3F
#17250E#334E22#4F7736#6D9952
#1D2112#414F21#677F2E#80905B
#4FA329#46D360#76EFC9#BFE9F2
#1E250E#404B25#667C32#819357
#1F260D#434F21#697F2F#859753
#4F773C#51A649#80AD88#9BD0B1