#557B4C Color

#557B4C is rgb(85, 123, 76) in RGB and hsl(109, 24%, 39%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#557B4C

HEX#557B4C

RGBrgb(85, 123, 76)

HSLhsl(109, 24%, 39%)

HSVhsv(109, 38%, 48%)

OKLCHoklch(54.2% 0.083 139.7)

CMYKcmyk(31%, 0%, 38%, 52%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #557B4C background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.86:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.32:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #557B4C based on color wheel relationships. Click any swatch for its full breakdown.

Base#557B4C Complementary#734C7B Analogous#6C7B4C Analogous#4C7B5B Triadic#4C547B Triadic#7B4C54

Tints & Shades

Lighter tints and darker shades of #557B4C, useful for hover states, backgrounds, and text variants.

Tints

#66955B #7EAA74 #95B98D #B0CBAA #C7DAC3 #E2ECDF

Shades

#4A6C42 #3F5C38 #344C2F #293C25 #1E2C1B #131C11

Use #557B4C in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex