#557915 Color

#557915 is rgb(85, 121, 21) in RGB and hsl(82, 70%, 28%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#557915

HEX#557915

RGBrgb(85, 121, 21)

HSLhsl(82, 70%, 28%)

HSVhsv(82, 83%, 47%)

OKLCHoklch(53% 0.13 128.3)

CMYKcmyk(30%, 0%, 83%, 53%)

Text Contrast & Accessibility

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

TextWhite text5.08:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#557915 Complementary#3A1579 Analogous#796C15 Analogous#237915 Triadic#155579 Triadic#791555

Tints & Shades

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

Tints

#73A51D #91D025 #A8DF49 #BDE774 #D1EEA0 #E6F6CB

Shades

#4C6C13 #405B10 #364E0E #2A3D0B #213008 #151E05

Use #557915 in Our Tools

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