#507D4F Color

#507D4F is rgb(80, 125, 79) in RGB and hsl(119, 23%, 40%) in HSL. The closest CSS named color is DarkOliveGreen. White text is most readable on this background.

#507D4F

HEX#507D4F

RGBrgb(80, 125, 79)

HSLhsl(119, 23%, 40%)

HSVhsv(119, 37%, 49%)

OKLCHoklch(54.4% 0.086 143.8)

CMYKcmyk(36%, 0%, 37%, 51%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#507D4F Complementary#7D4F7D Analogous#677D4F Analogous#4F7D65 Triadic#4F4F7D Triadic#7D4F4F

Tints & Shades

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

Tints

#5F975E #79AB78 #92BA91 #ABCAAA #C4DAC3 #E0EBE0

Shades

#456E45 #3B5E3B #324E31 #263C25 #1C2C1B #121C12

Use #507D4F in Our Tools

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