#508042 Color

#508042 is rgb(80, 128, 66) in RGB and hsl(106, 32%, 38%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#508042

HEX#508042

RGBrgb(80, 128, 66)

HSLhsl(106, 32%, 38%)

HSVhsv(106, 48%, 50%)

OKLCHoklch(55% 0.105 138.9)

CMYKcmyk(38%, 0%, 48%, 50%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#508042 Complementary#714280 Analogous#6F8042 Analogous#428052 Triadic#425080 Triadic#804250

Tints & Shades

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

Tints

#639E51 #79B168 #94C186 #ABCEA1 #C6DEBF #DEECDA

Shades

#466F39 #3B5E31 #314D28 #284021 #1E2F18 #131E10

Use #508042 in Our Tools

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