#557D2A

Green

HEX

RGB

HSL

About #557D2A Green

#557D2A is a green color. In the RGB color model, it is composed of 85 red, 125 green, and 42 blue. In the HSL color space, it has a hue of 89°, saturation of 50%, and lightness of 33%.

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 #557D2A in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

89°

Hue

50%

Saturation

33%

Lightness

Green

Color Harmonies

Colors that work well with #557D2A based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #557D2A against white and black backgrounds.

Aa#557D2A on White
Contrast Ratio4.82:1
AA AA Large AAA
Aa#557D2A on Black
Contrast Ratio4.35:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #557D2A across different color formats.

FormatValue
HEX#557D2A
RGBrgb(85, 125, 42)
HSLhsl(89, 50%, 33%)
RGB Decimal85, 125, 42
RGB Percent33.3%, 49.0%, 16.5%
CMYK (approx.)32%, 0%, 66%, 51%

Related Palettes

12 palettes using #557D2A or similar colors

#1A2112#39531E#58812C#769259
#1A240F#394B25#597F2E#789E4C
#1A1F14#3B541D#5A7D31#7BAC3F
#182013#344A26#4E822C#6DA149
#1E280B#3A481E#5B7722#738D3F
#17250E#334E22#4F7736#6D9952
#1D2112#414F21#677F2E#80905B
#1E250E#404B25#667C32#819357
#182211#304422#447623#5C9A32
#4F773C#51A649#80AD88#9BD0B1
#1F260D#434F21#697F2F#859753
#152211#2D4D23#467637#5AA942